成長是一輩子的事兒！大家好！我是時問新。分享前端、Python等技術，以及個人成長路上的那些事兒。
密碼框
使用标簽，把标簽上的type屬性的值，設定為"password"，就可以建立密碼框。
密碼框和單行文本框非常像，隻不過，在單行文本框裡面輸入的内容，會顯示出來，而在密碼框裡面輸入的内容，都會變成小黑點隐藏起來。
我還是接着在之前的"表單控件.html"這個頁面上繼續寫代碼(從密碼框那裡看就行了)：
Document
請輸入你的名字：
畢業學校：
郵寄位址：
所學專業：
性别： 男 女
血型： A B AB O
我愛好的體育項目： MMA 羽毛球 長跑 遊泳
請輸入密碼：
在浏覽器中顯示效果如下：
我在浏覽器頁面上的密碼框中随便輸入密碼，會隐藏起來變為小黑點。
下拉菜單
建立下拉菜單需要使用标簽，标簽對兒裡面羅列的标簽是它内部的選項。也就是說，标簽是下拉菜單的選項。
跟無序清單和有序清單一樣：标簽的子标簽隻能是标簽，而且标簽也不能單獨使用，隻能把它放在标簽中使用。
在标簽上，要有value屬性，value屬性的值是送出到伺服器上的，而标簽對兒之間的内容才是顯示給使用者看的。
每一個标簽上value屬性的值不一定一樣，value的值根據實際需要去設定。
我繼續在"表單控件.html"這個頁面上寫下拉菜單的示範代碼：
Document
請輸入你的名字：
畢業學校：
郵寄位址：
所學專業：
性别： 男 女
血型： A B AB O
我愛好的體育項目： MMA 羽毛球 長跑 遊泳
請輸入密碼：
請選擇你最喜歡的新能源汽車： 特斯拉小鵬蔚來威馬理想雷丁比亞迪
在浏覽器上顯示效果如下：
點選下拉菜單，使用者可以在下拉菜單中進行選擇。
多行文本框
使用标簽來建立多行文本框。
text是文本，area是區域，是以textarea就是文本區域，也就是多行文本框。
的rows和cols屬性
rows和cols這兩個屬性的值是數字，沒有機關。
rows和cols這兩個屬性分别用來定義多行文本框的行數和列數，實際上就是定義多行文本框有多寬和多高。
我接着寫多行文本框的示範代碼：
Document
請輸入你的名字：
畢業學校：
郵寄位址：
所學專業：
性别： 男 女
血型： A B AB O
我愛好的體育項目： MMA 羽毛球 長跑 遊泳
請輸入密碼：
請選擇你最喜歡的新能源汽車： 特斯拉小鵬蔚來威馬理想雷丁比亞迪
留言：
當你在vscode中寫textarea然後按tab鍵時，會生成完整的标簽代碼，生成的代碼中預設會把cols的值給定為30，把rows的值給定為10。
在浏覽器中顯示如下：
當然，你可以自己調整cols和rows的值，多行文本框的寬高就會随着你的調整而變化。
在多行文本框中，使用者可以輸入内容。
三種按鈕
表單中常見的有三種按鈕，它們也都是用标簽建立的，隻不過type屬性值不同，就表示不同的按鈕。
當标簽的type屬性值為"button"時，就建立了一個普通按鈕。也可以直接用标簽對兒來建立普通按鈕。button這個單詞就是按鈕的意思。
當标簽的type屬性值為"submit"時，就建立了一個送出按鈕。點選這個按鈕時，表單将會送出到form标簽的action屬性值所指向的那個背景網站。submit這個單詞就是送出的意思。
當标簽的type屬性值為"reset"時，就建立了一個重置按鈕。點選這個按鈕時，表單中的所有控件都将被立即重置。reset這個單詞就是重置的意思。
按鈕上的value屬性的值，就是顯示在按鈕上的文字。
我接着寫這三種按鈕的示範代碼：
Document
請輸入你的名字：
畢業學校：
郵寄位址：
所學專業：
性别： 男 女
血型： A B AB O
我愛好的體育項目： MMA 羽毛球 長跑 遊泳
請輸入密碼：
請選擇你最喜歡的新能源汽車： 特斯拉小鵬蔚來威馬理想雷丁比亞迪
留言：
我是一個普通按鈕
注：我這裡在表單控件外面包裹一個p标簽，是為了在浏覽器中顯示出來好看點。因為這些标簽都是行内元素，所謂行内元素，就是在同一行内顯示的元素。不加p标簽，它們都會擠在一起，非常難看，給它們外面分别都加了p标簽，就會換行顯示。
以上代碼在浏覽器中顯示效果如下：
當點選普通按鈕時，也預設會有一個送出的操作，如何取消送出，需要JavaScript相關程式設計。先不用管它。
當點選送出按鈕時，頁面的網址會自動變為form标簽上action屬性的值所表示的網址。到底表單是怎麼送出的，這需要http以及背景的一些知識，等後面了解了ajax相關知識，自然就明白了。現在也不用管它。
當點選重置按鈕時，隻要是在同一個form标簽對兒裡面的表單控件，都會自動重置掉。比如你在這個頁面輸入名字、畢業學校、郵寄位址、選擇性别、血型、體育愛好、單行文本框和多行文本框都輸入好内容，然後當你點選重置按鈕時，這些表單控件都會重置。你可以自己試一試。
input标簽的類型總結
input标簽的type屬性，不同的屬性值就表示不同的表單控件。
以上的表單控件都是用input标簽建立的，另外多行文本框和下拉菜單不是用input标簽建立的。這樣就好記一些。
以上這些表單控件的相容性都很好，包括最老舊的ie6浏覽器也是支援的。
感謝閱讀！知識總結不易，請點個贊或轉發鼓勵一下呗！想系統性學習前端的小夥伴可以關注我！