原標題：IT兄弟連 HTML5教程 HTML5表單 多樣的輸入類型1

HTML5擁有多個新的表單輸入類型，這些新特性提供了更好的輸入控制和驗證。并不是所有的主瀏覽器都支持新的input類型，不過我們可以在所有的主瀏覽器中使用它們，即使不被支持，仍然可以顯示為常規的文本域。HTML5 Input類型如表。

表 HTML5 Input類型

1 email

email類型用于包含e-mail地址的輸入域，在提交表單時，會自動驗證email域的值，用法如下：

上述代碼驗證了email輸入框的郵箱格式，若出錯會有提示。效果如圖1所示：

圖1 email的輸入類型

2 url

email類型用于包含url地址的輸入域，在提交表單時，會自動驗證url域的值，用法如下：

上述代碼驗證了email輸入框的郵箱格式，若出錯會有提示。效果如圖2所示：

圖2 url的輸入類型

3 number

number類型用于包含數值的輸入域，特別地，我們還可以對數值設置限定，用法如下：

上述代碼使用了number類型輸入框，為該類型設置了數值范圍為1~100。當我們輸入101時，數值超出了范圍，頁面出現“值必須小于或等于100”的提示。效果如圖3所示：

圖3 number的輸入類型返回搜狐，查看更多

責任編輯：

總結

以上是生活随笔為你收集整理的下列关于html5表单的多样输入方式,IT兄弟连 HTML5教程 HTML5表单 多样的输入类型1...的全部內容，希望文章能夠幫你解決所遇到的問題。

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