HTML5 擁有多個新的表單輸入類型。這些新特性提供了更好的輸入控制和驗證。

本章全面介紹這些新的輸入類型：

注釋：Opera 對新的輸入類型的支持最好。不過您已經(jīng)可以在所有主流的瀏覽器中使用它們了。即使不被支持，仍然可以顯示為常規(guī)的文本域。

email 類型用于應(yīng)該包含 e-mail 地址的輸入域。

在提交表單時，會自動驗證 email 域的值。

E-mail: <input type="email" name="user_email" />

提示：iPhone 中的 Safari 瀏覽器支持 email 輸入類型，并通過改變觸摸屏鍵盤來配合它（添加 @ 和 .com 選項）。

url 類型用于應(yīng)該包含 URL 地址的輸入域。

在提交表單時，會自動驗證 url 域的值。

Homepage: <input type="url" name="user_url" />

提示：iPhone 中的 Safari 瀏覽器支持 url 輸入類型，并通過改變觸摸屏鍵盤來配合它（添加 .com 選項）。

number 類型用于應(yīng)該包含數(shù)值的輸入域。

您還能夠設(shè)定對所接受的數(shù)字的限定：

Points: <input type="number" name="points" min="1" max="10" />

請使用下面的屬性來規(guī)定對數(shù)字類型的限定：

提示：iPhone 中的 Safari 瀏覽器支持 number 輸入類型，并通過改變觸摸屏鍵盤來配合它（顯示數(shù)字）。

range 類型用于應(yīng)該包含一定范圍內(nèi)數(shù)字值的輸入域。

range 類型顯示為滑動條。

您還能夠設(shè)定對所接受的數(shù)字的限定：

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。