html5新增了很多的input類型，省去了前端開發者寫javascript，調用插件等一系列麻煩的操作，下面介紹一些新增的類型。注釋直接寫在HTML代碼里了：

H5中新增的input標簽

/*search類型專用于“搜索”，可以在輸入后點擊“X”直接清空輸入框*/

search----

/*tel類型用于輸入電話號碼，在pattern里寫正則，title寫提示錯誤信息*/

tel----

/*url類型用于匹配url，要求輸入須為http://或https://開頭*/

url----

/*email類型要求輸入必須是郵箱格式，使用required屬性則要求必填，multiple屬性則允許輸入多個，輸入多個時使用西文字符,分割*/

email----

/*datetime類型貌似各瀏覽器暫不支持，按照H5規范應該是輸入時間日期類型，可以自己寫個正則去驗證*/

datetime----

/*date類型要求輸入年月日，不用使用插件，可以調用出選擇年月日的面板*/

date----

/*month類型要求輸入年月，同上*/

month----

/*week類型要求輸入X年第X周，同上*/

week----

/*time類型要求輸入X時X分，同上*/

time----

/*number類型要求輸入整數，用min和max控制大小，step控制“跳數”*/

number-----

/*range類型提供了一個滑動條，以step為跳數，max和min控制大小，根據匹配的output標簽的id來控制默認的大小，看下面的圖就明白了*/

range----

50

/*color類型要求輸入顏色，會自動調用顏色選擇窗，很方便*/

color----

/*file類型可以使用multiple控制是否選擇多個，accept控制選擇的文件類型*/

file----

這些新增的input類型在chrome和opera瀏覽器里支持得比較好，但是各瀏覽器表現出來可能各有差異。這些類型大部分時為移動端服務等?像這些input?驗證?在小屏幕終端?就能直接呼出不同的鍵盤，提交表單前驗證節省流量

另外：form標簽還有一個屬性：formnovalidate。使用該屬性可以取消該表單里的所有驗證，個人感覺沒什么用。在H5規范里input標簽里有個novalidate屬性，可以單獨地取消某個input的驗證，然后各瀏覽器并不支持，移動端現在也不支持，當初w3c寫在了H5的規則里希望能有這種屬性，可能以后會支持吧，個人感覺好像沒什么卵用。

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的html5新增的type类型,html5新增的type类型的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。