<?xml version="1.0" encoding="utf-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><title>汽车服务</title><link>http://www.heshimc.com/</link><description>外贸</description><item><title>外贸投诉fake shop怎么办？DMCA/Phishing/Fraud/Counterfeit Sales/Fake Webshop/cloudflare</title><link>http://www.heshimc.com/post/263.html</link><description>&lt;p&gt;&lt;span style=&quot;font-size: 20px;&quot;&gt;【六六互联】服务器统统忽略这些投诉&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;做外贸经常碰到这些邮件投诉：&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;fake shop/DMCA/Phishing/Fraud/Counterfeit Sales/Fake Webshop/cloudflare&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;然后服务器就关闭了。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;联系我们，用我们的服务器，我们帮你统统忽略了。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;安心做外贸。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: 24px; color: #0070C0;&quot;&gt;记得是独立网站，不是亚马逊等平台。！！&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2023/11/202311051699162580541666.png&quot; style=&quot;&quot; title=&quot;333.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2023/11/202311051699162580210630.jpg&quot; style=&quot;&quot; title=&quot;111.jpg&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2023/11/202311051699162580475155.png&quot; style=&quot;&quot; title=&quot;444.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2023/11/202311051699162580287867.png&quot; style=&quot;&quot; title=&quot;222.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2023/11/202311051699162580298632.png&quot; style=&quot;&quot; title=&quot;555.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Sun, 05 Nov 2023 13:35:00 +0800</pubDate></item><item><title>宇舶在“鐘錶與奇跡”錶展展示品牌“融合的藝術”制錶理念</title><link>http://www.heshimc.com/post/262.html</link><description>&lt;p&gt;&amp;nbsp; &amp;nbsp; 今年HUBLOT宇舶在“鐘錶與奇跡”錶展，現場發佈的眾多全新時計作品中，依舊主要是展示品牌“融合的藝術”制錶理念，加入了大量宇舶拿手的顛覆性創新材質，與先鋒設計美學做融合，諸如與村上隆合作的全新太陽花錶款，黃色陶瓷BIG BANG，幾枚藍寶石水晶腕錶作品，都給人留下深刻印象。那如果要讓我挑選今年最喜歡的作品，我會選MP-13，它確實是做到了好事成雙，通過復雜功能進行疊加，是塊1+1大於2的組合，下面我就來通過實拍圖，來給錶友們詳細介紹一下這款MP繫列新作。&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2023/06/202306071686135830536349.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 腕錶主要亮點共有兩個，陀飛輪跟逆跳顯示。我們先說逆跳。作為復雜功能，我個人認為它，更會常被與傳統制錶經典風格掛鉤，這種當指針到達刻度盡頭，瞬間返回起點的運轉顯示模式，代錶了純粹的機械錶魅力。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 而宇舶制作逆跳錶是有傳統的，曾經的逆跳錶，是品牌與體育領域做連接的代錶性功能，像是跟尤文圖斯俱樂部，所推出的足球計時腕錶，為了方便精准清晰辯讀足球上下半場計時，就採用的是雙逆跳計時功能。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 而我們看全新MP-13腕錶的逆跳設計，與足球計時很像，雙逆跳佈局，總共擁有兩個弧形刻度進行排列，以時分針從左至右的運轉模式，搭配外層的60分鐘刻度，裏層12小時刻度。當分針穩定運行至分鐘刻度盡頭，分針立即返回起點位，時針則會立即從當前小時，跳至下一個小時。它的調校方式操作也非常簡潔，與正常錶調節無異，一個錶冠調節即可。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 錶款另一個亮點，就是雙軸陀飛輪。陀飛輪由寶璣發明，本意是通過一個精巧的籠架，將擒縱機構包圍起來，併將籠架旋轉，從而抵消地心引力對鐘錶機件造成的誤差。但現如今這種大復雜功能，絕大部分錶友們都併不會在乎，陀飛輪到底能不能提高精准性了，只是單純的欣賞它的動態美感，欣賞價值遠大於實用價值。而傳統陀飛輪，無外乎就兩種，無夾闆遮擋的飛行陀，帶夾闆的寶璣式陀飛輪，但它們都只沿一個軸心做平面轉動，所以很長一段時間裏，各個腕錶品牌也在琢磨怎麽制造出不一樣的大復雜功能。&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2023/06/202306071686135839759464.png&quot; title=&quot;2.png&quot; alt=&quot;2.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 而宇舶就想到了做雙軸陀飛輪，讓陀飛輪運轉從二維平面進化為到三維立體，將大復雜功能視覺美感又提升至另一個檔次。宇舶也是少數能夠獨立自主制造雙周陀飛輪的品牌，在17年，就於MP-09腕錶機芯上首次引入雙軸陀飛輪。我們看新錶的雙軸陀飛輪設計，是標准的三臂式陀飛輪籠架，無上層夾闆遮擋，且帶精湛的打磨，加上陀飛輪的雙軸結構，讓陀飛輪從正、側、背面，都可以更好的欣賞它，去做立體運轉的動感美態。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; MP繫列，作為宇舶旗下高復雜錶款代錶，整個繫列錶殼造型都比較特殊，不是圓，也不是方，有辨識度。而我一直覺得MP繫列殼體的設計主旨，既是通過錶殼，去凸顯腕錶盤面的主題功能。可以看到錶殼造型，因為要給雙軸陀飛輪運轉流出空間，宇舶為了避免整錶，是一個厚度沿用下來，所以特意將腕錶，設計成上平下凹的設計，讓錶殼線條在陀飛輪這裏直接順下來，有一個弧度輪廓造型。錶友們也知道藍寶石錶鏡好，是因為它硬度高，但因此宇舶也需要特定方式，去進行加工，讓錶殼中央輪廓，與錶圈跟陀飛輪空間做匹配，這也是MP-13腕錶，包括其他這種設計的MP錶款，在打造過程中的又一項挑戰。&lt;/p&gt;&lt;p&gt;整個鈦金屬殼體尺寸，為44毫米，厚16.7毫米，錶殼在打磨上，正面背面是大量的緞面處理，殼體邊緣處則都做了拋光飾面。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 這款腕錶的鏤空盤面，對比以往的宇舶鏤空盤，它層次感豐富，是把層巒疊嶂的機械美感給做出來了。在小時刻度下方還設有扇形動儲顯示。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 腕錶錶背，將機芯設計的更通透，給我感覺讓佩戴者摘下腕錶後，從背面來欣賞陀飛輪運轉，似乎也是個不錯的選擇。HUB6200手動上鏈雙軸陀飛輪機芯，滿鏈可提供4天共96小時的長動儲。&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2023/06/202306071686135848831879.png&quot; title=&quot;3.png&quot; alt=&quot;3.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 隨錶配有一條純黑橡膠錶帶，錶帶在貼合度，柔軟性上的錶現都無可挑剔。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 總結：MP-13這款雙軸陀飛輪，疊加雙逆跳顯示的大復雜功能腕錶，就都給錶友們介紹完了，如果只論復雜程度，機芯工藝，我個人認為它絕對是此次錶展上，宇舶新作中最值得錶友們關註的款式，而我之所以喜歡這塊腕錶，是因為曾經的逆跳，跟宇舶的足球合作夥伴特殊款，這些仟絲萬縷般的聯繫，畢竟宇舶也是有不少年，沒再做過逆跳功能了，挺開心能看到品牌重新拾起逆跳。腕錶公價1,160,000元，僅限量發售50枚，即便這錶門檻很高，但也不影響我們欣賞併了解它，且我依然認為，MP-13對於喜愛新銳設計的鐘錶收藏家們來說，它就是塊值得關註的新錶選擇。&lt;/p&gt;&lt;p&gt;買頂級手錶上&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿錶&lt;/a&gt;&lt;/p&gt;</description><pubDate>Wed, 07 Jun 2023 19:03:26 +0800</pubDate></item><item><title>全新貝利士月相計時腕錶的亮點</title><link>http://www.heshimc.com/post/261.html</link><description>&lt;p&gt;&amp;nbsp; &amp;nbsp; 計時+月相，我一直覺得是一個很有意思的組合。計時功能是活潑運動的，月相功能是浪漫感性的，二者合一，一只錶就算完整了。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 市面上月相計時腕錶併不少見，但動輒六位數以上的價格，想必會“勸退”不少錶友。如果大家想買一款價格適中、功能齊全的月相計時腕錶，我會比較推薦宇聯貝利士月相計時腕錶。前不久，宇聯推出一組全新貝利士月相計時腕錶，以不同的錶盤和指針顏色作為區別，共有四個版本。&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2023/06/202306071686135442204582.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 但凡關註宇聯的錶友，相信沒有不知道貝利士繫列的。從黑白熊貓，到紅熊貓、綠熊貓、黃熊貓，可以說推出一塊就賣掉一塊。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 除了計時功能，貝利士繫列還有很多其他功能，其中星期日歴和月份顯示是“標配”，同時還有月相顯示版本，之前還推出過動力顯示功能版本。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 除了熱賣、功能豐富外，貝利士繫列還有一個最大的優勢是顏值高、耐看。就拿貝利士月相計時錶來說，不論是殼形，還是盤面佈局，都讓人覺得很舒服，我想這要得益於腕錶的德國DNA，妳看到的每一處設計及其之間的比例都經過精心的數據計算，距離感拿捏得剛剛好。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 這次推出的新錶，是貝利士第三代月相計時腕錶。相比前兩代，最新一代的月相計時腕錶從外觀到性能都有不少變化，主要包括：&lt;/p&gt;&lt;p&gt;1/ 腕錶直徑和錶殼厚度都有縮小&lt;/p&gt;&lt;p&gt;2/ 錶盤配色新增了灰色&lt;/p&gt;&lt;p&gt;3/ 機芯升級，動力延長到65小時&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 還有一些細節上的調整，比如：計時按鈕的造型變成方形，以及24小時指示的刻度也和前兩代做了區別。總之，貝利士月相計時做到第三代，造型越來越順暢，細節越來越耐看、完全經得住推敲。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 當然口說無憑，眼見才為實。腕錶推出的同時，我們就在第一時間拿到新品。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 全新貝利士月相計時腕錶的直徑42毫米（第一、二代的直徑都是44毫米），錶殼厚度也減少了約0.55毫米。尺寸整體縮小不僅讓錶頭看起來更緊湊，“黃金”42毫米腕錶直徑更符合大多數亞洲人手腕大小。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 前兩代貝利士月相計時腕錶有白盤藍針、白盤玫瑰金針和黑盤玫瑰金針三種配色，到了第三代，除了保留以上這三個版本外，還新增了灰色錶盤版本。&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2023/06/202306071686135457543323.png&quot; title=&quot;2.png&quot; alt=&quot;2.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 宇聯有很多計時腕錶，在我的印象裏，貝利士月相計時是覆蓋功能最多的錶款之一。錶盤加上三個小錶盤，一共要負責10項功能顯示，“擔子很重”。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 因為功能多，所以錶盤上的指針也會比較多。怎麼能快速識別每根指針的功能呢？宇聯的做法是通過顏色區分，比如在全新灰色款上，精鋼指針指示正常的時、分、秒（但也有一根指針例外，我們稍後解釋），藍色指針則大都和計時功能相關。&lt;/p&gt;&lt;p&gt;雖然功能多，但盤面佈局井井有條。看看宇聯又是如何做的：&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 12點位的小錶盤是30分鐘計時盤，併且在左右兩邊各開了一個長方形窗口，分別顯示星期和月份。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 有一點值得註意，這只錶的星期和月份用的都是德文顯示，暗戳戳的突出腕錶的德繫血統。德文星期縮寫（星期一到星期日）為MON，DIE，MIT，DON，FRE，SAM，SON。月份縮寫（一月到十二月）為JAN, FEB, MÄR, APR, MAI, JUN, JUL, AUG, SEP, OKT, NOV, DEZ。以上面這只錶為例，星期月份窗口目前顯示的就是星期五（FRE），八月（AUG）。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 我們在前面說過，星期、日歴和月份是貝利士繫列的標配，這只錶自然也不例外，錶圈內側的數字就是日歴顯示，由錶盤中央的一根精鋼指針指示（這就是前文提到的那根“例外”的指針）。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 錶盤6點鐘位置的小錶盤為12小時計時盤和月相顯示，9點鐘位置則是小秒盤（精鋼指針指示）和24小時指示（藍色指針指示）。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 大家看錶盤的格局，像不像一位高階職場選手，通過巧妙佈局，讓所有看似復雜的東西變得很有條理。所以這只錶的定位雖然是運動錶，我反倒覺得同樣適合在職場裏佩戴，尤其當被工作睏住的時候，看看錶盤的“排兵佈陣”，說不定能給自己帶來靈感。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 而且我一直認為在計時腕錶上加入月相功能，可以中和手錶的“沖勁兒”，讓整塊錶更嚮裏走，更穩貼。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 此外，時標和指針都覆有Super-LumiNova®夜光材料，我們在黑暗環境下測試了一下，夜光效果顯而易見。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 第三代貝利士月相計時錶的計時按鈕也做了更新，變成方形設計（前兩代是圓形按鈕）。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 翻轉到腕錶背面，全新貝利士月相計時腕錶依然延用UNG-25.S1自動上鏈機芯，繼UNG-27.S1自動上鏈機芯完成升級後（主要搭載在貝利士“熊貓家族”），25.S1也經過全新升級，使用了矽遊絲，很大程度上保證腕錶免受磁場幹擾，從而提升腕錶的走時精准。同時，動力儲存也從60小時延長到了65小時。&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2023/06/202306071686135470247437.png&quot; title=&quot;3.png&quot; alt=&quot;3.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 機芯的零件和裝飾部件首先在宇聯工廠生產、修飾和組裝。機芯組裝完成後，會進行一次仔細檢查。等到機芯裝入錶殼之後，宇聯還會對每一塊腕錶進行單獨的整錶檢測，例如手錶的防水性能、走時精度、外觀等等，這也就是大家常說的宇聯“一錶一檢”體繫。手錶只有通過“終極檢測”後，才能離開宇聯工廠，進入市場。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 錶帶看上去是鱷魚皮材質，但實際採用的是小牛皮材質。所以整個錶帶既有鱷魚皮特有的花紋凹凸感，又有小牛皮特有的細膩和彈性。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 最後，我們來總結一下全新貝利士月相計時腕錶的亮點：腕錶直徑縮小到42毫米、機芯升級加入矽遊絲，動力增加到65小時，以及腕錶防水性能100米，這裏多說一句，宇聯男士腕錶，不論正裝款還是運動款，防水性能全部在100米或以上。腕錶售價27,000元。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 從我接觸宇聯到現在，一個直觀感受是他們非常在意用戶的真實感受，看重錶友對腕錶本身的反饋。在這種務實態度下打造出的產品，相信會得到越來越多的肯定和青睞。&lt;/p&gt;&lt;p&gt;買頂級手錶上&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿錶&lt;/a&gt;&lt;/p&gt;</description><pubDate>Wed, 07 Jun 2023 18:51:27 +0800</pubDate></item><item><title>兩地時錶款對於“空中飛人”來說，是出差必不可少的裝備</title><link>http://www.heshimc.com/post/260.html</link><description>&lt;p&gt;&amp;nbsp; &amp;nbsp; 兩地時錶款對於“空中飛人”來說，是出差必不可少的裝備，一直以來也是深得商務人士喜愛；而在當下這個時代，不可否認的是，運動休閑錶款也越來越火爆。這篇文章給各位推薦3款兩地時錶款，運動休閑的外錶又具備了兩地時功能，價格合理併且還具備品牌辨識度，上乘的質量和功能滿足於大眾錶友的需求；一起來欣賞一下吧。&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2023/06/202306071686134983507603.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;波爾工程師 III 繫列GM9100C-S2C-IBER（彩虹氣燈）&lt;/p&gt;&lt;p&gt;產品型號:GM9100C-S2C-IBER（彩虹氣燈）&lt;/p&gt;&lt;p&gt;國內公價:￥23980&lt;/p&gt;&lt;p&gt;腕錶直徑:41毫米&lt;/p&gt;&lt;p&gt;錶殼厚度:13.15毫米&lt;/p&gt;&lt;p&gt;機芯類型:自動機械&lt;/p&gt;&lt;p&gt;機芯型號:RRM7337-C&lt;/p&gt;&lt;p&gt;錶殼材質:904L精鋼&lt;/p&gt;&lt;p&gt;防水深度:100米&lt;/p&gt;&lt;p&gt;錶款詳情：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 腕錶點評：這幾年淺色繫錶盤相當受歡迎，冰藍色的錶盤不禁讓人眼前一亮，也適合現在這個季節佩戴，清爽又幹凈。錶殼是由904L精鋼打造而成，41毫米的直徑為佩戴者帶來較高的舒適感；GMT功能是這只錶最大的特色，配合所在地時間，錶盤外圍標識著24小時制刻度。兩地時功能不僅能滿足經常出差的錶友期望，時標和指針上還鑲嵌有彩虹微型氣燈，在昏暗環境下仍然可以指示出發地時間。另外，這只錶內部搭載的是經瑞士官方天文臺認證的RRM7337-C自動上鏈機芯，所以佩戴也相當省心。值得一提的是，這款波爾工程師GMT繫列包含多種款式，冰藍色、灰色以及藍色三種盤面可以選擇，錶友們可以依據自己的穿搭和喜好來選擇。&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2023/06/202306071686135010533487.png&quot; title=&quot;2.png&quot; alt=&quot;2.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;名士錶利維拉繫列10659&lt;/p&gt;&lt;p&gt;產品型號:10659&lt;/p&gt;&lt;p&gt;國內公價:￥23300&lt;/p&gt;&lt;p&gt;腕錶直徑:42毫米&lt;/p&gt;&lt;p&gt;錶殼厚度:10.96毫米&lt;/p&gt;&lt;p&gt;機芯類型:自動機械&lt;/p&gt;&lt;p&gt;機芯型號:ETA 2893-2&lt;/p&gt;&lt;p&gt;錶殼材質:精鋼,拋光/緞面打磨&lt;/p&gt;&lt;p&gt;防水深度:100米&lt;/p&gt;&lt;p&gt;錶款詳情：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 腕錶點評：名士利維拉繫列GMT雙時區腕錶，42毫米的精鋼錶殼搭配標誌性12邊形錶圈，藍色錶盤上除了時、分、秒以外，顯眼的紅色指針以24小時旋轉一圈指示第二時區；名士將棒狀12小時與阿拉伯數字24小時交錯運用，視覺上錶盤更加簡潔，讀時也更加直觀。為了和第二時區的紅色指針相呼應，品牌在6點鐘上方設置了紅色GMT標識，以及錶冠上同樣也有紅圈裝飾，滿滿的細節設計感。藍色錶盤搭配了一條同色繫的橡膠錶帶，這只錶內部搭載的是瑞士制造的自動上鏈機芯，提供42小時的動力儲備，防水深度100米。&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2023/06/202306071686135020929020.png&quot; title=&quot;3.png&quot; alt=&quot;3.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;帝舵碧灣繫列M79470-0003&lt;/p&gt;&lt;p&gt;產品型號:M79470-0003&lt;/p&gt;&lt;p&gt;國內公價:￥28700&lt;/p&gt;&lt;p&gt;腕錶直徑:39毫米&lt;/p&gt;&lt;p&gt;機芯型號:MT5652&lt;/p&gt;&lt;p&gt;錶殼材質:磨砂及磨光鋼&lt;/p&gt;&lt;p&gt;防水深度:200米&lt;/p&gt;&lt;p&gt;錶款詳情：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 腕錶點評：這只帝舵碧灣專業型腕錶雖然不是今年的新款，但是它的實用性能和性價比在同類錶款中還是相當能打的。實用的雙時區顯示復雜功能，腕錶配備了GMT功能，由較長的黃色雪花針和24小時固定刻度外圈共同指示，辨識度非常高。3點鐘方嚮的瞬跳日歴與可獨立調時的時針同步，在日常生活中非常實用；內部搭載的是經過瑞士官方天文臺認證的自動上鏈機芯，日誤差達-2/+4秒。MT5652型機芯上滿鏈可提供長達約70小時的動力儲存，防水深度200米，即使在外地，也能滿足妳隨時隨地想去海邊玩的想法。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 總結：以上推薦的三款兩地時腕錶，款式和風格各有特色。波爾錶無法拒絕的超高性價比；名士錶極強的色彩讓人無法忽視；帝舵細節方面的亮眼設計和功能都十分抓眼球；最關鍵是這幾只錶價格都在2萬元左右，合理的價格，豐富的功能，各位如果經常出差，這三款都可以考慮一下。&lt;/p&gt;&lt;p&gt;買頂級手錶上&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿錶&lt;/a&gt;&lt;/p&gt;</description><pubDate>Wed, 07 Jun 2023 18:46:00 +0800</pubDate></item><item><title>雅典FREAK Diavolo，是一只陀飛輪卡羅素</title><link>http://www.heshimc.com/post/259.html</link><description>&lt;p&gt;&amp;nbsp; &amp;nbsp; 名錶，本質上也是“時尚單品”。包括百達翡麗、勞力士、歐米茄等等，都是依照潮流趨勢，不斷推陳出新。每年大量新錶問世，在新老更叠中，只有極少數手錶，在經過十幾年、幾十年後，依然被人們記住，比如百達翡麗5959、寶珀1735、萬國戰馬，以及我今天想和各位說的，雅典FREAK Diavolo陀飛輪卡羅素。&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2023/06/202306071686134696917810.png&quot; title=&quot;3.png&quot; alt=&quot;3.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 雅典FREAK Diavolo是在2010年推出的。那時，我在我哥的介紹下，進入到時尚行業工作，併接觸到了名錶。寶珀1735、萬國戰馬，在當時，就是名錶世界中的“神”。因為在十幾年前，名錶是“以復雜論英雄”，誰復雜，誰就是王。10年，雅典FREAK Diavolo這只“大魔王”問世（Diavolo就是惡魔的意思），瞬間橫掃仟軍，問鼎王位。為啥？因為雅典FREAK Diavolo不但復雜，而且獨一無二。雖然已經停產，但毫不誇張的說，即使把雅典FREAK Diavolo放在今天的雅典錶陣容中，依然是最復雜的錶，甚至沒有之一。&lt;/p&gt;&lt;p&gt;雅典FREAK Diavolo，有多復雜？&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 雅典FREAK Diavolo，是一只陀飛輪卡羅素。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 現在，我們都知道，雅典FREAK原本是一只卡羅素，而在FREAK Diavolo上，又加上了一個陀飛輪。在十幾年前，大部分玩家連卡羅素是啥都還沒有搞清楚，又加上陀飛輪，雅典FREAK Diavolo的出現，在當時沖擊力之大，可想而知。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 雅典FREAK Diavolo卡羅素部分：FREAK Diavolo錶盤中央，作為分針使用的“巨大旋轉機構”，這就是卡羅素。卡羅素60分鐘轉一圈。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 雅典FREAK Diavolo陀飛輪部分：在FREAK Diavolo卡羅素末端（巨大旋轉機構末端），有半圓形刻度的，是一個陀飛輪。陀飛輪60秒轉一圈。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 在雅典FREAK Diavolo一只錶上，有兩個旋轉機構。從手錶原理上說。卡羅素是由機芯三輪帶動的旋轉機構；陀飛輪是由機芯四輪（秒輪）帶動的旋轉機構。雅典FREAK Diavolo把陀飛輪，安裝在了卡羅素上面。&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2023/06/202306071686134726673367.png&quot; title=&quot;2.png&quot; alt=&quot;2.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 將陀飛輪和卡羅素，同時放在一只手錶裏，不光只有雅典一家。寶珀也有陀飛輪卡羅素手錶，寶珀將陀飛輪放在盤面上方，把卡羅素放在盤面下方。本質上，兩只手錶從功能上，是一樣的。雅典FREAK Diavolo的特點是，完全將陀飛輪和卡羅素融為了一體，集成在一條輪繫中。名錶中兩大復雜旋轉機構，疊加併同時運行，堪稱“神作”。所以說，雅典FREAK Diavolo在名錶世界中，是獨一無二的存在。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 除了陀飛輪卡羅素外，相比早期FREAK，雅典FREAK Diavolo還有一個重要升級。2001年雅典FREAK誕生，在2001年到2010年之間的FREAK，有一個技術問題一直沒能解決。由於FREAK錶盤上有巨大的卡羅素，為了支撐卡羅素，早期雅典不得不在錶盤中央增加一根支撐軸，穿過手錶中央，頂到錶鏡中央位置。所以2001年到2010年之間的FREAK，錶鏡中央會有一個凸起金屬蓋，會顯得有些突兀。而在2010年推出的FREAK Diavolo，解決了卡羅素支撐問題，從此鏡面再無金屬蓋，直到今天。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; FREAK Diavolo，白金錶殼，尺寸44.5毫米。和常規版FREAK一樣，也是通過擰錶圈，直接帶動作為分針的卡羅素，來調時間；擰手錶底蓋，給手錶上弦（FREAK Diavolo是手動上弦，8天動力）。通過手錶底蓋的開窗，可以看到發條鬆緊情況，作為動力顯示。在細節上，雅典FREAK Diavolo同樣使用了全套矽技術。從陀飛輪上，就可以看到藍紫色的矽擒縱、矽遊絲。在2010年，矽材質還沒有普及，FREAK Diavolo是非常領先的。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 雅典FREAK Diavolo，當年公價1144000。朋友們2010年的100萬，和現在的100萬，購買力可是天壤之別啊。2010年，北京100多萬是能買下一套房的。10年左右，二級市場2萬塊錢，甚至不到2萬的勞力士遍地跑（當時的蠔式恆動、空霸等）。可見FREAK Diavolo的價值和旗艦地位。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 雅典FREAK Diavolo，2010年推出，2013年FREAK陀飛輪卡羅素進行過一次改款（更名為Freak Phantom幻影），之後就停產退出雅典陣容了。這次，能再次見到實錶，也十分不易了。&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2023/06/202306071686134711371882.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;雅典FREAK Diavolo停產，FREAK S接替旗艦位置。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 現在，FREAK S是雅典FREAK繫列中的旗艦款。雅典將FREAK S的卡羅素，做成了巨大的宇宙飛船造型。FREAK S有左右兩個擺輪，併通過差速器相連。雖然FREAK S沒有了FREAK Diavolo的陀飛輪，但是雙擺輪的設計，依然復雜且炫酷。FREAK S的公價是1014400。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 雅典FREAK陀飛輪卡羅素，雖然已經停產多年。但作為雅典一大獨有款式，相信在之後，會以新的設計，重回雅典陣容。&lt;/p&gt;</description><pubDate>Wed, 07 Jun 2023 18:37:52 +0800</pubDate></item><item><title>天梭小美人淺藍色腕錶清新中帶著溫柔，圓潤中透著幹練</title><link>http://www.heshimc.com/post/258.html</link><description>&lt;p&gt;&amp;nbsp; &amp;nbsp; 這世上有太多的詩詞歌賦可以用來形容母親的偉大，她們為我們遮風擋雨，陪伴我們度過了人生中的每一個珍貴時光，但長大後的我們卻時常忘了嚮她們錶達愛意。妳有多久沒有對母親說過我愛妳了呢？有多久沒有擁抱過她們？或者，有多久沒見到她們了呢？或許，今年的母親節，就是妳錶達愛意最好的時機，選擇一枚精美的腕錶，無需昂貴，只願它能將我們與母親在一起的美好時光，永久留存！（腕錶型號：T126.010.11.133.00）&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2023/06/202306071686134243711988.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 小美人繫列腕錶是天梭專為女性打造推出的女士腕錶繫列，它由品牌瑞士力洛克總部的女性設計師操刀設計，從古羅馬建築中汲取靈感，打造出了一繫列溫柔中不失幹練、別致卻又極為百搭的錶款。今年，品牌又為該繫列新增了一只小美人淡藍款腕錶，顏色清新淡雅，在初夏之際作為禮物送給母親最為合適不過。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 這款腕錶的錶殼採用精鋼材質打造，直徑為26毫米，與小美人繫列其他石英款腕錶一樣，小巧精致，不挑手腕。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 錶圈圓潤的造型搭配拋光的打磨設計，讓腕錶看上去溫和又順暢，呈現出一種柔美氣質。目光微側，我們可以看到錶殼三點鐘位置處設有一枚精鋼錶冠，錶冠上鑲嵌有白色陶瓷凸圓寶石，幹凈清爽又不失細節。另外，錶冠四周還設有防滑紋理，便於調校時間。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 全新天梭小美人繫列淡藍款腕錶採用了藍色的珍珠母貝錶盤，我們可以看到，錶盤在燈光的照射下，呈現出神秘又夢幻的漸變鐳射效果，像深邃的海底深處，夏天佩戴會給人一種冰冰涼涼的感覺。&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2023/06/202306071686134257776547.png&quot; title=&quot;3.png&quot; alt=&quot;3.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 前面說到了小美人繫列的設計靈感來源自古羅馬建築，所以我們可以在小美人繫列腕錶中找到許多相關元素，比如說小三針設計、經典的羅馬數字時標以及銀色鍍鎳指針，所有元素相互融合，呈現出該繫列腕錶別致又經典的視覺觀感。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 日期顯示窗口位於盤面6點鐘位置，它巧妙地融於盤面當中，既不會影響盤面設計的完整性又可以進一步提高錶款的實用性。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 腕錶搭配一條316L精鋼材質錶鏈，多種打磨方式讓它看起來頗具層次感，搭配上小巧的淺藍色錶盤，夏天佩戴最合適不過了。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 與小美人繫列其他石英腕錶一樣，在腕錶的底蓋上鐫刻有象徵著“芳香與力量”的天梭家族玫瑰紋飾，展現現代麗人的個性自我。腕錶內部採用的是一枚瑞士制造石英機芯，走時精准，無需擔心動力問題，對於很多不常佩戴腕錶的女性而言，石英機芯是非常方便的選擇。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; 總結：每次想要送給母親些什麽時，得到的都是“不用不用”，“我不需要”，“買那個沒用”等回答，但其實當我們真正將詢問變為實際行動時，她們臉上洋溢的笑容才是最真心的回答。這款全新天梭小美人淺藍色腕錶清新中帶著溫柔，圓潤中透著幹練，就如同永不停歇的細水般的母愛一樣，在炎熱的夏天為我們帶來一絲清涼。&lt;/p&gt;</description><pubDate>Wed, 07 Jun 2023 18:32:18 +0800</pubDate></item><item><title>安装Windows 7家庭普通版的计算机可以加入家庭网</title><link>http://www.heshimc.com/post/257.html</link><description>&lt;p&gt;&lt;strong&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2022/12/202212281672214504487625.png&quot; title=&quot;QQ图片20220509200725.png&quot; alt=&quot;QQ图片20220509200725.png&quot;/&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;1．检查计算机网络硬件设备的状态&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;在“计算机管理”窗口的“设备管理器”中选择“网络适配器”，可以查看当前计算机中网卡的情况。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2．为网卡配置正确的网络参数&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;为计算机设置IP地址“172.16.83.10”、子网掩码“255.255.255.0”、网关“172.16.83.254”、DNS“222.246.129.80”的操作方法如下：&lt;/p&gt;&lt;p&gt;打开“打开网络和共享中心”，在“网络和共享中心”窗口中选择窗口左侧的“更改适配器设置”选项，选择需要配置网络连接，单击右键，在弹出的快捷菜单中选择“属性”命令，在“此连接使用下列项目”列表框中选择“Internet协议版本4（TCP/IPv4）”选项，单击“属性”按钮，在打开的“Internet协议版本4（TCP/IPv4）属性”对话框中选择“使用下面的IP地址”，在“IP地址”中输入“172.16.83.10”、“子网掩码”中输入“255.255.255.0”、“默认网关”中输入“172.16.83.254”，选中“使用下面的DNS服务器地址”单选按钮，在“首选DNS服务器”中输入“222.246.129.80”，单击“确定”按钮。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;3．在Windows7中创建家庭组&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;创建家庭组的计算机必须安装Windows 7家庭高级版、Windows 7专业版或Windows 7旗舰版。安装Windows 7家庭普通版的计算机可以加入家庭网，但是不能作为创建网络的主机使用。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;4．设置文件夹的共享&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;在计算机窗口中，右击要共享的文件夹，在弹出的快捷菜单中选择“属性”命令，在弹出的“属性”对话框中选择“共享”选项卡，单击“共享”按钮，弹出“文件共享”对话框，键入名称处的下拉列表中选择“everyone”，单击“添加”按钮。单击“共享”按钮，再单击“完成”按钮，完成对共享文件夹的设定。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;5．使用共享的文件夹&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;在“控制面板”窗口中单击“网络和共享中心”组的“查看网络计算机和设备”选项，打开“网络”窗口，窗口中显示了联网的计算机名称，双击含有共享驱动器或文件夹的计算机，即可显示共享的驱动器或文件夹。双击该窗口下的某一共享文件夹，就可以看到该共享文件夹下的所有共享信息，这时用户可以访问该共享文件夹的所有文件。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;6．设置打印机共享&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;打印机是最常用的办公设备之一，可以在局域网内设置共享打印机，步骤如下。&lt;/p&gt;&lt;p&gt;打开“开始”菜单，选择“设备和打印机”命令，打开“设备和打印机”窗口，右击打印机图标，在弹出的快捷菜单中选择“打印机属性”命令，在弹出的打印机“属性”对话框中选择“共享”选项卡，勾选“共享这台打印机”复选框，然后在“共享名”文本框中输入共享的打印机名称，单击“确定”按钮完成打印机的共享设置。&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Wed, 28 Dec 2022 15:59:41 +0800</pubDate></item><item><title>meta标签在开发webapp时起到非常重要的作用</title><link>http://www.heshimc.com/post/256.html</link><description>&lt;p&gt;移动端开发技巧&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2022/12/202212281672213304200926.png&quot; title=&quot;QQ图片20220509200630.png&quot; alt=&quot;QQ图片20220509200630.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;meta相关&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;webkit内核中有一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用&lt;/p&gt;&lt;p&gt;HTML5标签的使用&lt;/p&gt;&lt;p&gt;开发移动端页面时，建议前端工程师使用HTML5，HTML5可以实现一些HTML4中无法实现的丰富的WEB应用程序的体验，减少开发者的工作量&lt;/p&gt;&lt;p&gt;&lt;strong&gt;块级化a标签&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;由产品意识形态决定，在触控手机上，为提升用户体验，尽可能的保证用户的可点击区域较大&lt;/p&gt;&lt;p&gt;使用弹性盒布局&lt;/p&gt;&lt;p&gt;有助于前端工程师做到盒子模型灵活控制&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Wed, 28 Dec 2022 15:39:39 +0800</pubDate></item><item><title>音视频中的source元素</title><link>http://www.heshimc.com/post/255.html</link><description>&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2022/11/202211021667360405892244.png&quot; title=&quot;QQ图片20221102102720.png&quot; alt=&quot;QQ图片20221102102720.png&quot;/&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;音视频中的source元素&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;虽然html5支持Ogg、MPEG 4和WebM的视频格式以及Vorbis、MP3和Wav的音频格式，但各浏览器对这些格式却不完全支持，在HTML5中，运用source元素可以为video元素或audio元素提供多个备用文件。运用source元素添加音频的基本格式如下：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;470&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;audio &amp;nbsp;controls=&amp;quot;controls&amp;quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;source src=&amp;quot;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;音频文件地址&amp;quot; type=&amp;quot;媒体文件类型/格式&amp;quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;source src=&amp;quot;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;音频文件地址&amp;quot; type=&amp;quot;媒体文件类型/格式&amp;quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; ……&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;/audio&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;source&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;元素一般设置两个属性：src用于指定媒体文件的URL地址,type：指定媒体文件的类型,下面通过案例2-49来演示嵌入音频的方法。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;例2-49&amp;nbsp; example49.html&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;667&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;652&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;html&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;head&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;meta&amp;nbsp; charset=&amp;quot;utf-8&amp;quot;/&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;title&amp;gt;HTML5&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;视频播放器&amp;lt;/title&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/head&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;body &amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;video &amp;nbsp;id=&amp;quot;myVideo&amp;quot;&amp;nbsp; &amp;nbsp;width=&amp;quot;630&amp;quot;&amp;nbsp;controls&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;!--判断是否支持其播放器--&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;source &amp;nbsp;src=&amp;quot;video/myVideo.ogg&amp;quot; type=&amp;quot;video/ogg&amp;quot;/&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;source &amp;nbsp;src=&amp;quot;video/myVideo.webm&amp;quot; type=&amp;quot;video/webm&amp;quot;/&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;source &amp;nbsp;src=&amp;quot;video/myVideo.mp4&amp;quot; type=&amp;quot;video/mp4&amp;quot;/&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 您的浏览器不支持video标签&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/video&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/body&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/053aa4e53d2777d25be769bafd36495a.png&quot; width=&quot;640&quot; height=&quot;430&quot; border=&quot;0&quot; hspace=&quot;0&quot; vspace=&quot;0&quot; title=&quot;&quot; checked=&quot;0&quot; style=&quot;border: none; padding: 0px; max-width: 100%; width: 640px; height: 430px;&quot;/&gt;&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;color: #111111; font-family: 宋体; text-align: center; text-indent: 21px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;图2-52 HTML5中嵌入视频&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Wed, 02 Nov 2022 11:37:33 +0800</pubDate></item><item><title>Input元素的其他属性</title><link>http://www.heshimc.com/post/254.html</link><description>&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&lt;img class=&quot;ue-image&quot; src=&quot;http://www.heshimc.com/zb_users/upload/2022/11/202211021667360227448635.png&quot; title=&quot;QQ图片20221102102759.png&quot; alt=&quot;QQ图片20221102102759.png&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;除了type属性之外，&amp;lt;input/&amp;gt;标记还可以定义很多其他的属性，以实现不同的功能。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;1.autofocus&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;属性&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;在HTML5中，autofocus属性用于指定页面加载后是否自动获取焦点，将标记的属性值指定为true时，表示页面加载完毕后会自动获取该焦点。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;下面通过案例2-39来演示autofocus属性的使用，如图2-40所示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;例2-39 &amp;nbsp;example39.html&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;648&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;633&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;!DOCTYPE &amp;nbsp;html&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;html&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;head&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;meta &amp;nbsp;charset=&amp;quot;utf-8&amp;quot;&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;title&amp;gt;autofocus&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;属性的使用&amp;lt;/title&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/head&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;body&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;form action=&amp;quot;#&amp;quot; method=&amp;quot;get&amp;quot;&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 请输入搜索关键词：&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;input type=&amp;quot;text&amp;quot; &amp;nbsp;name=&amp;quot;user_name&amp;quot;&amp;nbsp; &amp;nbsp; autocomplete=&amp;quot;off&amp;quot;&amp;nbsp; &amp;nbsp; autofocus=&amp;quot;true&amp;quot;/&amp;gt;&amp;lt;br/&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;input type=&amp;quot;submit&amp;quot; &amp;nbsp;value=&amp;quot;提交&amp;quot; /&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/form&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/body&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span class=&quot;ans-img-wrap&quot; id=&quot;ext-gen1059&quot; style=&quot;padding: 0px; border: none; max-width: 100%; text-indent: 0px;&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/1b1026d89f6aa48a0725234157b03b3b.png&quot; width=&quot;514&quot; height=&quot;201&quot; title=&quot;2-40.png&quot; id=&quot;ext-gen1060&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;text-indent: 30px; font-size: 12px; font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 图2-40&lt;/span&gt;&lt;span style=&quot;text-indent: 30px; font-size: 12px;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;text-indent: 30px; font-size: 12px; font-family: 宋体; color: #111111;&quot;&gt;autofocus&lt;/span&gt;&lt;span style=&quot;text-indent: 30px; font-size: 12px; font-family: 宋体; color: #111111;&quot;&gt;属性的使用&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span class=&quot;ans-img-wrap&quot; id=&quot;ext-gen1061&quot; style=&quot;padding: 0px; border: none; max-width: 100%; text-indent: 0px;&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/d936769c4fb1472a667e0fa484bd7322.png&quot; width=&quot;590&quot; height=&quot;296&quot; title=&quot;2-41.png&quot; id=&quot;ext-gen1062&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 30px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-size: 12px; font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;图2-41 form属性的使用&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;从图2-40可以看出，&amp;lt;input /&amp;gt;元素输入框在页面加载后自动获取焦点，并且关闭了自动完成功能。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;2.form&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;属性&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;在HTML5之前，如果用户要提交一个表单，必须把相关的控件元素都放在表单内部，即&amp;lt;form&amp;gt;和&amp;lt;/form&amp;gt;标签之间。在提交表单时，会将页面中不是表单子元素的控件直接忽略掉。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;下面通过一个案例2-40来演示form属性的使用，如图2-41所示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;例2-40 &amp;nbsp;example40.html&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;634&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;619&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;!DOCTYPE &amp;nbsp;html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;meta charset=&amp;quot;utf-8&amp;quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;title&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;form&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;属性的使用&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;form &amp;nbsp;action=&amp;quot;#&amp;quot;&amp;nbsp; &amp;nbsp;method=&amp;quot;get&amp;quot;&amp;nbsp; &amp;nbsp;id=&amp;quot;user_form&amp;quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;请输入您的姓名：&amp;lt;input&amp;nbsp; type=&amp;quot;text&amp;quot;&amp;nbsp; &amp;nbsp; name=&amp;quot;first_name&amp;quot;/&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;input type=&amp;quot;submit&amp;quot; &amp;nbsp;value=&amp;quot;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;提交&amp;quot; &amp;nbsp;/&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;/form&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;p&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;下面的输入框在form元素外，但因为指定了form属性为表单的id，&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;所以该输入框仍然属于表单的一部分。&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;请输入您的昵称：&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;input type=&amp;quot;text&amp;quot; &amp;nbsp;name=&amp;quot;last_name&amp;quot;&amp;nbsp; &amp;nbsp; form=&amp;quot;user_form&amp;quot;/&amp;gt;&amp;lt;br/&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;在例2-40中，分别添加两个&amp;lt;input/&amp;gt;元素，并且第二个&amp;lt;input /&amp;gt;元素不在&amp;lt;form&amp;gt; &amp;lt;/form&amp;gt;标记中。另外，指定第二个&amp;lt;input/&amp;gt;元素的form属性值为该表单的id。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;此时，如果在输入框中分别输入姓名和昵称，则first_name和last_name将分别被赋值为输入的值。例如，在姓名处输入“李明”，昵称处输入“小明”， 效果如图2-42所示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span class=&quot;ans-img-wrap&quot; id=&quot;ext-gen1063&quot; style=&quot;padding: 0px; border: none; max-width: 100%; text-indent: 0px;&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/8c321d0ff98e4e7891ef8bb4ebc9bcd8.png&quot; width=&quot;640&quot; height=&quot;170&quot; title=&quot;2-42.png&quot; id=&quot;ext-gen1064&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;图2-42 form属性的使用&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;3. list&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;属性&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;通过datalist元素实现数据列表的下拉效果。而list属性用于指定输入框所绑定的datalist元素，其值是某个datalist元素的id。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;下面通过案例2-41来进一步学习list属性的使用，如图2-43所示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;例2-41example141.html&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;641&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;626&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;!DOCTYPE &amp;nbsp;html&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;html&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;head&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;meta &amp;nbsp;charset=&amp;quot;utf-8&amp;quot;&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;title&amp;gt;list&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;属性的使用&amp;lt;/title&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/head&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;body&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp; &amp;lt;form action=&amp;quot;#&amp;quot;&amp;nbsp; &amp;nbsp; method=&amp;quot;get&amp;quot;&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 请输入网址：&amp;lt;input &amp;nbsp;type=&amp;quot;url&amp;quot;&amp;nbsp; &amp;nbsp; list=&amp;quot;url_list&amp;quot;&amp;nbsp; &amp;nbsp; name=&amp;quot;weburl&amp;quot;/&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;datalist &amp;nbsp;id=&amp;quot;url_list&amp;quot;&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;option label=&amp;quot;新浪&amp;quot;&amp;nbsp; &amp;nbsp;value=&amp;quot;http://www.sina.com.cn&amp;quot;&amp;gt;&amp;lt;/option&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;option label=&amp;quot;搜狐&amp;quot;&amp;nbsp; &amp;nbsp;value=&amp;quot;http://www.sohu.com&amp;quot;&amp;gt;&amp;lt;/option&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;option label=&amp;quot;网易&amp;quot;&amp;nbsp; &amp;nbsp;value=&amp;quot;http://www.126.net/&amp;quot;&amp;gt;&amp;lt;/option&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/datalist&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;input&amp;nbsp; type=&amp;quot;submit&amp;quot;&amp;nbsp; &amp;nbsp; value=&amp;quot;提交&amp;quot;/&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp; &amp;lt;/form&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/body&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span class=&quot;ans-img-wrap&quot; id=&quot;ext-gen1065&quot; style=&quot;padding: 0px; border: none; max-width: 100%; text-indent: 0px;&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/f14b8efffbb7dc0a173931598a2af35f.png&quot; width=&quot;640&quot; height=&quot;251&quot; title=&quot;2-43.png&quot; id=&quot;ext-gen1066&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;图2-43 list属性的使用&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;4.&amp;nbsp; multiple&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;属性&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;multiple&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;属性指定输入框可以选择多个值，该属性适用于email和file类型的input元素。multiple属性用于email类型的input元素时，表示可以向文本框中输入多个E-mail地址，多个地址之间通过逗号隔开；multiple属性用于file类型的input元素时，表示可以选择多个文件。下面通过案例2-42来进一步演示multiple属性的使用，如图2-44所示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;例2-42example42.html&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;470&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;!DOCTYPE &amp;nbsp;html&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;html&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;head&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;meta &amp;nbsp;charset=&amp;quot;utf-8&amp;quot;&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;title&amp;gt;multiple&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;属性的使用&amp;lt;/title&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/head&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;body&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;form action=&amp;quot;#&amp;quot;&amp;nbsp; &amp;nbsp;method=&amp;quot;get&amp;quot;&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 电子邮箱：&amp;lt;input &amp;nbsp;type=&amp;quot;email&amp;quot;&amp;nbsp; &amp;nbsp; name=&amp;quot;myemail&amp;quot;&amp;nbsp; &amp;nbsp; &amp;nbsp;multiple=&amp;quot;true&amp;quot;/&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;amp;nbsp;&amp;amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;（如果电子邮箱有多个，请使用逗号分隔）&amp;lt;br/&amp;gt;&amp;lt;br/&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;上传照片：&amp;lt;input&amp;nbsp; &amp;nbsp; type=&amp;quot;file&amp;quot;&amp;nbsp; &amp;nbsp;name=&amp;quot;selfile&amp;quot;&amp;nbsp; &amp;nbsp; multiple=&amp;quot;true&amp;quot;/&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;br/&amp;gt;&amp;lt;br/&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;input type=&amp;quot;submit&amp;quot; &amp;nbsp;value=&amp;quot;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;提交&amp;quot;/&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/form&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/body&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span class=&quot;ans-img-wrap&quot; id=&quot;ext-gen1067&quot; style=&quot;padding: 0px; border: none; max-width: 100%; text-indent: 0px;&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/fd4e5e7beaca6ebddf70a5ba93c0da93.png&quot; width=&quot;640&quot; height=&quot;251&quot; title=&quot;2-44.png&quot; id=&quot;ext-gen1068&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;图2-44 multiple属性的使用&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;5. min&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;、max和step属性&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;HTML5&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;中的min、max和step属性用于为包含数字或日期的input输入类型规定限值，也就是给这些类型的输入框加一个数值的约束，适用于date、pickers、number和range标签。具体属性说明如下：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;max&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;：规定输入框所允许的最大输入值。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;min&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;：规定输入框所允许的最小输入值。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;step&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;：为输入框规定合法的数字间隔，如果不设置，默认值是1。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;6&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;．pattern属性&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;pattern&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;属性用于验证input类型输入框中，用户输入的内容是否与所定义的正则表达式相匹配。pattern属性适用于的类型是：text、search、url、tel、email和password的&amp;lt;input/&amp;gt;标记。常用的正则表达式如下表2-6所示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;表2-6&amp;nbsp; 常用的正则表达式&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;588&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 29px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;29&quot; style=&quot;border-color: white windowtext windowtext white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;正则表达式&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;29&quot; style=&quot;border-top-color: white; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;说明&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 14px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^[0-9]*$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;数字&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 14px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^\d{n}$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;n&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;位的数字&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 14px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^\d{n,}$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;至少n位的数字&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 13px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;13&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^\d{m,n}$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;13&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;m-n&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;位的数字&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 14px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^(0|[1-9][0-9]*)$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;零和非零开头的数字&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 14px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^([1-9][0-9]*)+(.[0-9]{1,2})?$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;非零开头的最多带两位小数的数字&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 14px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^(\-|\+)?\d+(\.\d+)?$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;正数、负数、和小数&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 14px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^\d+$&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;或 ^[1-9]\d*|0$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;非负整数&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 14px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^-[1-9]\d*|0$&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;或 ^((-\d+)|(0+))$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;非正整数&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 14px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^[\u4e00-\u9fa5]{0,}$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;汉字&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 14px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^[A-Za-z0-9]+$&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;或 ^[A-Za-z0-9]{4,40}$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;英文和数字&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 14px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^[A-Za-z]+$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;由26个英文字母组成的字符串&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 14px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^[A-Za-z0-9]+$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;由数字和26个英文字母组成的字符串&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 14px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^\w+$&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;或 ^\w{3,20}$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;由数字、26个英文字母或者下划线组成的字符串&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 14px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^[\u4E00-\u9FA5A-Za-z0-9_]+$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;中文、英文、数字包括下划线&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 14px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;Email&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;地址&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 14px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;[a-zA-z]+://[^\s]*&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;或 &amp;nbsp;^http://([\w-]+\.)+[\w-]+(/[\w-./?%&amp;amp;=]*)?$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;URL&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;地址&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 14px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^\d{15}|\d{18}$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;身份证号(15位、18位数字)&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 14px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^([0-9]){7,18}(x|X)?$&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;或 &amp;nbsp;^\d{8,18}|[0-9x]{8,18}|[0-9X]{8,18}?$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;以数字、字母x结尾的短身份证号码&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 25px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;25&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^[a-zA-Z][a-zA-Z0-9_]{4,15}$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;25&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;帐号是否合法(字母开头，允许5-16字节，&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;允许字母数字下划线)&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 14px;&quot;&gt;&lt;td width=&quot;272&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: white; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;^[a-zA-Z]\w{5,17}$&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;198&quot; height=&quot;14&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: white; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;密码(以字母开头，长度在6~18之间，&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;只能包含字母、数字和下划线)&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;了解了pattern属性以及常用的正则表达式，下面通过案例2-43来进行演示，如图2-45所示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;例2-43 &amp;nbsp;example43.html&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;667&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;652&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;html&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;head&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;meta &amp;nbsp;charset=&amp;quot;utf-8&amp;quot;&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;title&amp;gt;pattern&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;属性&amp;lt;/title&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/head&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;body&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;form action=&amp;quot;#&amp;quot; &amp;nbsp;method=&amp;quot;get&amp;quot;&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; 账&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;号：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;lt;input type=&amp;quot;text&amp;quot; name=&amp;quot;username&amp;quot; &amp;nbsp;pattern=&amp;quot;^[a-zA-Z][a-zA-Z0-9_]{4,15}$&amp;quot; /&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;（&amp;nbsp; &amp;nbsp; &amp;nbsp;以字母开头，允许5-16字节，允许字母数字下划线）&amp;lt;br/&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 密&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;码：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp; &amp;nbsp;&amp;lt;input type=&amp;quot;password&amp;quot; name=&amp;quot;pwd&amp;quot; &amp;nbsp;pattern=&amp;quot;^[a-zA-Z]\w{5,17}$&amp;quot; /&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp; &amp;nbsp;（以字母开头，长度在6~18之间，只能包含字母、数字和下划线）&amp;lt;br/&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Email地址：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;input &amp;nbsp;type=&amp;quot;email&amp;quot; name=&amp;quot;myemail&amp;quot; &amp;nbsp;pattern=&amp;quot;^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$&amp;quot;/&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;input type=&amp;quot;submit&amp;quot; &amp;nbsp;value=&amp;quot;提交&amp;quot;/&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/form&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/body&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span class=&quot;ans-img-wrap&quot; id=&quot;ext-gen1069&quot; style=&quot;padding: 0px; border: none; max-width: 100%; text-indent: 0px;&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/546fdc6818d36f9ff563ece3f928641a.png&quot; width=&quot;640&quot; height=&quot;275&quot; title=&quot;2-45.png&quot; id=&quot;ext-gen1070&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;图2-45&lt;/span&gt;&amp;nbsp;&amp;nbsp;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;pattern&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;属性的使用&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;7&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;．placeholder属性&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;placeholder&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;属性用于为input类型的输入框提供相关提示信息，以描述输入框期待用户输入何种内容。在输入框为空时显式出现，而当输入框获得焦点时则会消失。示例代码如下：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;470&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;&quot;&gt;&lt;br/&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;请输入邮政编码：&amp;lt;input &amp;nbsp;type=&amp;quot;text&amp;quot; name=&amp;quot;code&amp;quot; pattern=&amp;quot;[0-9]{6}&amp;quot; placeholder=&amp;quot;请输入6位数的邮政编码&amp;quot; /&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;8. required&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;属性&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;HTML5&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;中的输入类型，不会自动判断用户是否在输入框中输入了内容，如果开发者要求输入框中的内容是必须填写的，那么需要为input元素指定required属性。required属性用于规定输入框填写的内容不能为空，否则不允许用户提交表单。示例代码如下：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 28px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;470&quot; valign=&quot;top&quot; height=&quot;28&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;input &amp;nbsp;type=&amp;quot;text&amp;quot; name=&amp;quot;user_name&amp;quot; &amp;nbsp;required=&amp;quot;required&amp;quot;/&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;2.7.5&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;其他表单元素&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;1.&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;textarea&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;元素&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;当定义input控件的type属性值为text时，可以创建一个单行文本输入框。但是，如果需要输入大量的信息，单行文本输入框就不再适用，为此HTML语言提供了&amp;lt;textarea&amp;gt;&amp;lt;/textarea&amp;gt;标记。通过textarea控件可以轻松地创建多行文本输入框，其基本语法格式如下：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 28px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;470&quot; valign=&quot;top&quot; height=&quot;28&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;textarea cols=&amp;quot;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;每行中的字符数&amp;quot; rows=&amp;quot;显示的行数&amp;quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;文本内容&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;/textarea&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;textarea&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;元素除了cols和rows属性外，还拥有几个可选属性，分别为disabled、name和readonly，详见下表2-7所示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;表2-7&amp;lt;textarea&amp;gt;元素属性&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;461&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 24px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;83&quot; height=&quot;24&quot; style=&quot;border-color: white windowtext windowtext white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;属性&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;104&quot; height=&quot;24&quot; style=&quot;border-top-color: white; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;属性值&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;274&quot; height=&quot;24&quot; style=&quot;border-top-color: white; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;描述&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 26px;&quot;&gt;&lt;td width=&quot;83&quot; height=&quot;26&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;name&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;104&quot; height=&quot;26&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;由用户自定义&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;274&quot; valign=&quot;top&quot; height=&quot;26&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;控件的名称&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 26px;&quot;&gt;&lt;td width=&quot;83&quot; height=&quot;26&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;readonly&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;104&quot; height=&quot;26&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;readonly&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;274&quot; valign=&quot;top&quot; height=&quot;26&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;该控件内容为只读（不能编辑修改）&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 26px;&quot;&gt;&lt;td width=&quot;83&quot; height=&quot;26&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: white; border-left-color: white; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;disabled&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;104&quot; height=&quot;26&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: white; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;disabled&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;274&quot; valign=&quot;top&quot; height=&quot;26&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: white; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;第一次加载页面时禁用该控件（显示为灰色）&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;下面通过案例2-44来演示&amp;lt;textarea&amp;gt;元素的使用，如图2-46所示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;例2-44&amp;nbsp; example2-44.html&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;634&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;619&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;!DOCTYPE &amp;nbsp;html&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;html&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;head&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;meta &amp;nbsp;charset=&amp;quot;utf-8&amp;quot;&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;title&amp;gt;textarea&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;控件&amp;lt;/title&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/head&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;body&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;form action=&amp;quot;#&amp;quot; method=&amp;quot;post&amp;quot;&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 评论：&amp;lt;br &amp;nbsp;/&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;textarea cols=&amp;quot;60&amp;quot; &amp;nbsp;rows=&amp;quot;8&amp;quot;&amp;gt;&lt;br/&gt;&amp;nbsp;评论的时候，请遵纪守法并注意语言文明，多给文档分享人一些支持。&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/textarea&amp;gt;&amp;lt;br /&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;input type=&amp;quot;submit&amp;quot; &amp;nbsp;value=&amp;quot;提交&amp;quot;/&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/form&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/body&amp;gt;&lt;br/&gt;&amp;nbsp;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span class=&quot;ans-img-wrap&quot; id=&quot;ext-gen1071&quot; style=&quot;padding: 0px; border: none; max-width: 100%; text-indent: 0px;&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/4b0ff47c6ca3eab8b6b8cfec6568d0a9.png&quot; width=&quot;557&quot; height=&quot;348&quot; title=&quot;2-46.png&quot; id=&quot;ext-gen1072&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;/span&gt;&lt;span style=&quot;color: #111111; font-family: 宋体;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&lt;span style=&quot;font-size: 12px; text-align: center;&quot;&gt;图2-46 textarea控件使用&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span class=&quot;ans-img-wrap&quot; id=&quot;ext-gen1073&quot; style=&quot;padding: 0px; border: none; max-width: 100%; text-indent: 0px;&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/4e1ff4cc59c4154a6d834271c8830e06.jpg&quot; width=&quot;132&quot; height=&quot;160&quot; title=&quot;2-47a.jpg&quot; id=&quot;ext-gen1074&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span class=&quot;ans-img-wrap&quot; id=&quot;ext-gen1075&quot; style=&quot;padding: 0px; border: none; max-width: 100%; text-indent: 0px;&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/2c774a1d03ad5fc365e7d6f765fea2a4.jpg&quot; width=&quot;132&quot; height=&quot;160&quot; title=&quot;2-47b.jpg&quot; id=&quot;ext-gen1076&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12px; font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;图2-47 select控件效果&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;1．&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;select&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;控件&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;浏览网页时，经常会看到包含多个选项的下拉菜单，例如选择所在的城市、出生年月、兴趣爱好等。如图2-47左所示即为一个下拉菜单，当点击下拉三角时，会出现一个选择列表，如图2-47右所示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;使用select控件定义下拉菜单的基本语法格式如下：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;br/&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;587&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;470&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;select&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;option&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;选项1&amp;lt;/option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;option&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;选项2&amp;lt;/option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;option&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;选项3&amp;lt;/option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ...&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;/select&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;在上面的语法中，&amp;lt;select&amp;gt;&amp;lt;/select&amp;gt;标记用于在表单中添加一个下拉菜单，&amp;lt;option&amp;gt;&amp;lt;/option&amp;gt;标记嵌套在&amp;lt;select&amp;gt;&amp;lt;/select&amp;gt;标记中，用于定义下拉菜单中的具体选项，每对&amp;lt;select&amp;gt;&amp;lt;/select&amp;gt;中至少应包含一对&amp;lt;option&amp;gt;&amp;lt;/option&amp;gt;。在HTML中，可以为&amp;lt;select&amp;gt;和&amp;lt;option&amp;gt;标记定义属性，以改变下拉菜单的外观显示效果，具体如下表2-8所示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;表2-8 下拉菜单属性&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;479&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 36px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;73&quot; height=&quot;36&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 6px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;标记名&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;50&quot; height=&quot;36&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 6px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;常用属性&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;330&quot; height=&quot;36&quot; style=&quot;border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 6px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;描述&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 23px;&quot;&gt;&lt;td width=&quot;73&quot; rowspan=&quot;2&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 6px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;select&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;50&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 6px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;size&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;330&quot; valign=&quot;top&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 6px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;指定下拉菜单的可见选项数（取值为正整数）。&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 43px;&quot;&gt;&lt;td width=&quot;50&quot; height=&quot;43&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 6px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;multiple&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;330&quot; valign=&quot;top&quot; height=&quot;43&quot; style=&quot;border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 6px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;定义multiple=&amp;quot;multiple&amp;quot;时，下拉菜单将具有多项选择的功能，方法为按住Ctrl键的同时选择多项。&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 45px;&quot;&gt;&lt;td width=&quot;73&quot; height=&quot;45&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom: none; border-left: none; line-height: 22px; padding: 1px 6px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;50&quot; height=&quot;45&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom: none; border-left: none; line-height: 22px; padding: 1px 6px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;selected&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;330&quot; valign=&quot;top&quot; height=&quot;45&quot; style=&quot;border-width: initial; border-style: none; border-color: initial; line-height: 22px; padding: 1px 6px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;定义selected &amp;nbsp;=&amp;quot; selected &amp;quot;时，当前项即为默认选中项。&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;下面通过案例2-45来演示几种不同的下拉菜单效果，如图2-48所示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;例2-45&amp;nbsp; &amp;nbsp;example45.html&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;634&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;619&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;meta charset=&amp;quot;utf-8&amp;quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;title&amp;gt;select&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;控件&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;form action=&amp;quot;#&amp;quot; &amp;nbsp;method=&amp;quot;post&amp;quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;所在校区：&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;select&amp;gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;!--&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;最基本的下拉菜单--&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;option&amp;gt;-&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;请选择-&amp;lt;/option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;option&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;北京&amp;lt;/option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;option&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;上海&amp;lt;/option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;option&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;广州&amp;lt;/option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;option&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;武汉&amp;lt;/option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;option&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;成都&amp;lt;/option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;/select&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;特长（单选）:&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;select&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;option&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;唱歌&amp;lt;/option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;option selected=&amp;quot;selected&amp;quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;画画&amp;lt;/option&amp;gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 192px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;设置默认选中项--&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;option&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;跳舞&amp;lt;/option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;/select&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;爱好（多选）:&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;select multiple=&amp;quot;multiple&amp;quot;&amp;nbsp; &amp;nbsp; size=&amp;quot;4&amp;quot;&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 144px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;lt;!--&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;设置多选和可见选项数--&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;option&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;读书&amp;lt;/option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;option selected=&amp;quot;selected&amp;quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;写代码&amp;lt;/option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 210px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;设置默认选中项--&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;option&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;旅行&amp;lt;/option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;option selected=&amp;quot;selected&amp;quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;听音乐&amp;lt;/option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 210px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;设置默认选中项--&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;option&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;踢球&amp;lt;/option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;/select&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;input type=&amp;quot;submit&amp;quot; value=&amp;quot;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;提交&amp;quot;/&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;/form&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span class=&quot;ans-img-wrap&quot; id=&quot;ext-gen1077&quot; style=&quot;padding: 0px; border: none; max-width: 100%; text-indent: 0px;&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/65151a450707b0c423cf3f809d1892db.png&quot; width=&quot;640&quot; height=&quot;303&quot; title=&quot;2-48.png&quot; id=&quot;ext-gen1078&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;图2-48 select控件效果&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;3.&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;datalist&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;元素&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;datalist&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;元素用于定义输入框的选项列表，列表通过datalist内的option元素进行创建。如果用户不希望从列表中选择某项，也可以自行输入其他内容。datalist元素通常与input元素配合使用，来定义input的取值。在使用&amp;lt;datalist&amp;gt;标记时，需要通过id属性为其指定一个唯一的标识，然后为input元素指定list属性，将该属性值设置为option元素对应的id属性值即可。下面通过案例2-46来演示datalist元素的使用，如图2-49所示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;例2-46 &amp;nbsp;example46.html&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;470&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;!DOCTYPE &amp;nbsp;html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;meta charset=&amp;quot;utf-8&amp;quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;title&amp;gt;datalist&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;元素&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;form &amp;nbsp;action=&amp;quot;#&amp;quot; method=&amp;quot;post&amp;quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;请输入用户名：&amp;lt;input type=&amp;quot;text&amp;quot;&amp;nbsp;&amp;nbsp; list=&amp;quot;namelist&amp;quot;/&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;datalist id=&amp;quot;namelist&amp;quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;option&amp;gt;admin&amp;lt;/option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;option&amp;gt;lucy&amp;lt;/option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;option&amp;gt;lily&amp;lt;/option&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/datalist&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;input type=&amp;quot;submit&amp;quot; &amp;nbsp;value=&amp;quot;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;提交&amp;quot; &amp;nbsp;/&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;/form&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span class=&quot;ans-img-wrap&quot; id=&quot;ext-gen1079&quot; style=&quot;padding: 0px; border: none; max-width: 100%; text-indent: 0px;&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/6cea9ca78545ad537c6084311c7ed509.png&quot; width=&quot;640&quot; height=&quot;257&quot; title=&quot;2-49.png&quot; id=&quot;ext-gen1080&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;图2-49&amp;nbsp; datalist元素&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;4.&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;keygen&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;元素&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;keygen&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;元素用于表单的密钥生成器，能够使用户验证更为安全、可靠。当提交表单时会生成两个键：一个是私钥，它存储在客户端；一个是公钥，它被发送到服务器，验证用户的客户端证书。如果新的浏览器能够对keygen元素的支持度再增强一些，则有望使其成为一种有用的安全标准。keygen元素拥有多个属性，常用属性及说明如下表2-9所示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;表2-9&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;keygen&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;元素属性&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;461&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 23px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;102&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 18px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;属性&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;359&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 18px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;说明&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 23px;&quot;&gt;&lt;td width=&quot;102&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;autofocus&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;359&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;使keygen字段在页面加载时获得焦点。&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 23px;&quot;&gt;&lt;td width=&quot;102&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;challenge&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;359&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;如果使用，则将keygen的值设置为在提交时询问。&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 23px;&quot;&gt;&lt;td width=&quot;102&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;disabled&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;359&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;禁用 keytag 字段。&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 23px;&quot;&gt;&lt;td width=&quot;102&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;form&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;359&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;定义该 keygen &amp;nbsp;字段所属的一个或多个表单。&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 23px;&quot;&gt;&lt;td width=&quot;102&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;keytype&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;359&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;定义 keytype。rsa 生成 RSA 密钥。&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 23px;&quot;&gt;&lt;td width=&quot;102&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom: none; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;name&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;359&quot; height=&quot;23&quot; style=&quot;border-width: initial; border-style: none; border-color: initial; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;定义 keygen 元素的唯一名称。name 属性用于在提交表单时搜集字段的值。&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;keygen&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;元素示例代码如下：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;470&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;请选择加密强度：&amp;lt;keygen &amp;nbsp;name=&amp;quot;security&amp;quot;/&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;5&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;．output元素&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;output&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;元素用于不同类型的输出，可以在浏览器中显示计算结果或脚本输出。其常用属性有3个，具体如下表2-10所示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;表2-10&amp;nbsp;&lt;/span&gt;output&lt;span style=&quot;font-family: 宋体;&quot;&gt;元素&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;属性&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;451&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 23px;&quot; class=&quot;firstRow&quot;&gt;&lt;td width=&quot;73&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 18px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;属性&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;250&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 18px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;说明&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 23px;&quot;&gt;&lt;td width=&quot;73&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 18px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;for&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;250&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 18px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;定义输出域相关的一个或多个元素。&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 23px;&quot;&gt;&lt;td width=&quot;73&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 18px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;form&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;250&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 18px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;定义输入字段所属的一个或多个表单。&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;height: 23px;&quot;&gt;&lt;td width=&quot;73&quot; height=&quot;23&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom: none; border-left: none; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 18px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;name&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;250&quot; height=&quot;23&quot; style=&quot;border-width: initial; border-style: none; border-color: initial; line-height: 22px; padding: 1px 7px 0px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 18px;&quot;&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;定义对象的唯一名称。&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;pre style=&quot;color: rgb(24, 30, 51); font-size: 18px; margin-top: 15px; margin-bottom: 0px; padding: 20px; border: 1px dotted rgb(119, 136, 85); font-family: Consolas; width: 765px; background-color: rgb(245, 245, 245); line-height: 1.4;&quot;&gt;&amp;lt;form&amp;nbsp;oninput=&amp;quot;x.value=parseInt(a.value)+parseInt(b.value)&amp;quot;&amp;gt;0
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;input&amp;nbsp;type=&amp;quot;range&amp;quot;&amp;nbsp;id=&amp;quot;a&amp;quot;&amp;nbsp;value=&amp;quot;50&amp;quot;&amp;gt;100
&amp;nbsp;&amp;nbsp;&amp;nbsp;+&amp;lt;input&amp;nbsp;type=&amp;quot;number&amp;quot;&amp;nbsp;id=&amp;quot;b&amp;quot;&amp;nbsp;value=&amp;quot;50&amp;quot;&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;=&amp;lt;output&amp;nbsp;name=&amp;quot;x&amp;quot;&amp;nbsp;for=&amp;quot;a&amp;nbsp;b&amp;quot;&amp;gt;&amp;lt;/output&amp;gt;
&amp;lt;/form&amp;gt;&lt;/pre&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: PingFangSC-Regular, Verdana, Arial, 微软雅黑, 宋体; background-color: #FDFCF8;&quot;&gt;执行计算然后在 &amp;lt;output&amp;gt; 元素中显示结果：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: PingFangSC-Regular, Verdana, Arial, 微软雅黑, 宋体; background-color: #FDFCF8;&quot;&gt;&lt;img src=&quot;https://p.ananas.chaoxing.com/star3/origin/63dc24cc158d5bbb106f4b68786342c7.png&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Wed, 02 Nov 2022 11:32:03 +0800</pubDate></item></channel></rss>