html5擁有多個新的表單輸入型別。這些新特性提供了更好地輸入控制和驗證。
新的輸入型別如下：
瀏覽器支援情況：ie、firefox、opera、chrome、safari
其中opera對新的輸入型別的支援最好。不過您已經可以在所有主流的瀏覽器中使用它們了。即使不被支援，仍然可以顯示為常規的文字域。
input型別--email
email型別用於應該包含email位址的輸入域。在提交表單時自動驗證email域的值。
示例input型別--url
url型別用於應該包含url位址的輸入域。在提交表單時自動驗證url域的值。
示例input型別--number
email型別用於應該包含數值的輸入域。您還能夠設定對所接受的數字的限定。
示例說明
請使用下面的屬性來規定對數字型別的限定：
input型別--range
range型別用於應該包含一定範圍內數字值的輸入域。range型別顯示為滑動條。您還能夠設定對所接受的數字的限定。
示例說明
請使用下面的屬性來規定對數字型別的限定：
input型別--date pickers《資料檢出器》
html5擁有多個可供選取日期和時間的新輸入型別： 示例
input型別--search
search型別用於搜尋域，比如站點搜尋或google搜尋。search域顯示為常規的文字域。
示例
HTML5 新的 Input 型別
number type number 呼叫數字鍵盤 加入pattern 0 9 呼叫九宮格數字鍵盤 number pattern 0 9 首字母自動大寫autocapitalize 在 ios 中，使用者可以手動開啟 首字母自動大寫 功能，這樣輸入英文的時候，首字母便會自動大寫。比如使用者名稱這個字...
HTML5新增input型別
發表於 2016 06 16 分類於 前端 閱讀次數 4在html4等早期版本中，input元素已經有了一些type型別，type可取的值有下面這些 text文字型別 password密碼型別 radio 單選型別 選項 checkbox 多選型別 選項 file 檔案型別 submit 提交按鈕 ...
html5 新增 input 型別
input 新增型別 email url number range date picker search color tel date picker date 選取日 月 年 month 選取月 年 week 選取周 年 time 選取時間 小時和分鐘 datetime 選取時間 日 月 年 utc...