這篇文章主要介紹HTML5新增類型是什么，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)主營(yíng)藍(lán)田網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,手機(jī)APP定制開發(fā),藍(lán)田h5微信平臺(tái)小程序開發(fā)搭建,藍(lán)田網(wǎng)站營(yíng)銷推廣歡迎藍(lán)田等地區(qū)企業(yè)咨詢

新增類型：color、date、datetime、email、month、number、tel、time、url、week等；新增屬性：autofocus、form、max、min、pattern、step、list等。

HTML5中新增的input類型及其屬性

HTML4.01中，input的類型只有text、button、password、submit、radio、checkbox和hidden（隱藏域）。H5中新增了一些類型，使用起來(lái)更加方便，包括：

• color

點(diǎn)擊時(shí)彈出顏色選擇器，可以選擇任意顏色

• number
  輸入范圍內(nèi)的數(shù)字，可以手動(dòng)輸入超出范圍的數(shù)字，但不能提交

• tel
  輸入電話號(hào)碼，只有safari支持

• email
  自帶檢測(cè)功能，提交時(shí)會(huì)檢測(cè)是否包含@符，并且@符前后是否有字符

• range
  

• url
  輸入的網(wǎng)址必須是http://開頭，并且后面必須有字符，否則不能提交

• date
  可以手動(dòng)選擇日期
  

• time
  可以手動(dòng)選擇時(shí)間
  

• datetime
  選擇帶有時(shí)區(qū)的日期和時(shí)間，ie，firfox和chrome都不支持

• datetime-local
  
  選擇日期和時(shí)間，沒(méi)有時(shí)區(qū)

• month
  
  和date類型一樣，只不過(guò)只能選擇到月份

• week
  
  只能選擇到第幾周，這種日期方式國(guó)內(nèi)基本很少用

• search

  定義用于輸入搜索字符串的文本字段

新增的一些常用屬性：

• autocomplete
  可選值on/off，表示基于之前用戶輸入的內(nèi)容瀏覽器自動(dòng)填寫/不允許自動(dòng)填寫

• autofocus
  頁(yè)面加載時(shí)input自動(dòng)獲取焦點(diǎn)

• form
  規(guī)定form之外的input屬于一個(gè)或多個(gè)表單，form屬性指向歸屬表單的id值，如果屬于多個(gè)表單，id之間加空格

• list

list指向引用的datalist（功能和select一樣，但是不在網(wǎng)頁(yè)中顯示）預(yù)定義的可選項(xiàng)，例如

    張三
    李四
    王五

而頁(yè)面中的表現(xiàn)則是（點(diǎn)擊右側(cè)展開時(shí)可選項(xiàng)才會(huì)展開）：

- formaction

規(guī)定當(dāng)表單提交時(shí)處理輸入控件的文件的 URL。(只針對(duì) type="submit" 和 type="image")

- formenctype

規(guī)定當(dāng)表單數(shù)據(jù)提交到服務(wù)器時(shí)如何編碼(只適合 type="submit" 和 type="image")。

- formmethod

定義發(fā)送表單數(shù)據(jù)到 action URL 的 HTTP 方法。 (只適合 type="submit" 和 type="image")

- formnovalidate

formnovalidate 屬性覆蓋