? ? ? ? 表單標簽是HTML使用中十分重要的標簽，其中 input 為用戶與程序信息交互提供交流界面，是不可忽視的重中之重。 input 標簽是單標簽，一般使用格式為 <input type="類型"> ，而后可以在標簽的括號內(nèi)添加其他屬性說明。下面我將就著不同的類型介紹 input 標簽的使用。
一、文本輸入域 text 與 密碼輸入域 password
? ? ? ? 文本框 text 提供簡單的信息輸入，可以在括號內(nèi)加其他屬性進行限制，如上傳的名字 name ，最大最小字符數(shù)maxlength 與 minlength ，示例 placeholder ，只讀 readonly ，字符顯示寬度 size 等，上述幾個屬性都比較常用，我也將做簡單描述。
名字：是每條文本信息上傳時的名稱，可以說是每個文本必須的。
最大最小字符數(shù)：使用 屬性 = “數(shù)值” 的格式規(guī)定輸入文本域內(nèi)的字符數(shù)。
示例：使用 placeholder = “示例” 的方式設置示例， value 與他相近，不過 value 提供的為默認數(shù)據(jù)，placeholder僅為提示。
只讀：只要在括號內(nèi)加入 readonly 即可使文本框內(nèi)內(nèi)容不可更改，如注冊完成后賬號等屬性在修改賬號信息時可設置只讀。
顯示寬度：使用 屬性 = “數(shù)值” 的格式，視覺上文本框內(nèi)顯示的字符數(shù)量。
下面涵蓋所有屬性做簡單的例子：
? ? ? ? 密碼輸入域類型為 password ，與文本域大致相同，不過顯示的文本內(nèi)容為 * ，同時可以通過語句限制文本的復制剪切：oncopy="return?false"?oncut="return?false"?onpause="return?false"
二、復選框 checkbox 與 單選框?radio
? ? ? ? 該類型提供多個選項，用戶只需要勾選選項，提交時即可將勾選信息反饋上傳。
? ? ? ? checkbox 在使用時至少需要輸入一個屬性 ”name“ ，它是判別選項所屬于同一個分類。復選框還需要了解到屬性是checked，表示默認情況下（每次網(wǎng)頁刷新后）被勾選，當然這個選項可以被用戶修改。
? ? ? ? 下面通過一個簡單例子對復選框進行描述：
? ? ? ? 單選框于多選框類似，通過 name 屬性實現(xiàn)非此即彼的效果，它同樣可以使用 checked 設置默認值。當 checked 大于等于兩個時，編譯器選擇后面 checked 為準（前面打完勾后又在后面打勾，邏輯上亦是選擇后面的）。
三、文件域 file
? ? ? ? 包括 multiple 多選和 accept 格式選擇兩個屬性，下面做代碼演示：
? ? ? ? 可以看到，在限制了圖片類型后選擇文件中只顯示了我們限制的 png 文件，且使用了 multiple 后也可以選擇多個文件進行上傳了。
四、圖片按鈕 image 、 提交按鈕 submit?、重置按鈕 reset 與普通按鈕 button
? ? ? ? 想要使用自己的圖片作為按鈕可以使用 image 類型，可以實現(xiàn)點擊圖片打開相應內(nèi)容等功能。可以通過 width 屬性調(diào)節(jié)圖片的大小。
? ? ? ? 在使用 input 標簽都是在 form 標簽內(nèi)使用的，form 標簽中必定要設定一個 action 屬性作為提交后跳轉(zhuǎn)的網(wǎng)站，在創(chuàng)建 submit 提交按鈕后，點擊按鈕即可跳轉(zhuǎn)至那個網(wǎng)址。
? ? ? ? 使用重置按鈕 reset 后，頁面回到剛刷新時的樣子，即設置了默認值的顯示默認值，未設置初始值的顯示空白。
? ? ? ? button 按鈕并無實際意義，需要自己添加事件使 button 獲得功能。
五、隱藏域 hidden
? ? ? ? 隱藏域在網(wǎng)頁中是不展示的，但可以隨著提交將信息上傳，如可將上傳的時間在隱藏域中保存上傳。
????????格式為：
六、其他
? ? ? ? 上述的幾種都是HTML中通用的表單標簽 input 的類型，在 HTML5 中還引入了其他類型方便書寫（只能簡化代碼，并不能優(yōu)化程序），如限制用戶輸入郵箱的 email 類型、限制數(shù)字輸入的 number 類型、滑動條 range 類型、時間選擇 data 類型、顏色選擇 color 類型、網(wǎng)址 url 類型等，下面做簡單的代碼與效果演示：
結(jié)語
????????本篇文章是學習表單標簽后的總結(jié)，不完善的地方請批評指正。
? ? ? ? 在這里推薦一個網(wǎng)址：https://www.w3school.com.cn/html/index.asp?，HTML 標簽的使用都內(nèi)附詳解。?
