HTML5 Input

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

正文,類型,瀏覽器支持,Input 類型,實例,實例1,類型,

正文

類型

HTML5 擁有多個新的表單輸入類型。這些新特性提供了更好的輸入控制和驗證。
本章全面介紹這些新的輸入類型:
email url number range Date pickers (date, month, week, time, datetime, datetime-local) search color

瀏覽器支持

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

Input 類型

email 類型用於應該包含 e-mail 地址的輸入域。
在提交表單時,會自動驗證 email 域的值。

實例

E-mail: <input type="email" name="user_email" />提示:iPhone 中的 Safari 瀏覽器支持 email 輸入類型,並通過改變觸控螢幕鍵盤來配合它(添加 @ 和 .com 選項)。

實例1

url 類型用於應該包含 URL 地址的輸入域。
在提交表單時,會自動驗證 url 域的值。

類型

number 類型用於應該包含數值的輸入域。
屬性
max
number
min
number
step
number
value
number
請試一下帶有所有限定屬性的例子:
提示:iPhone 中的 Safari 瀏覽器支持 number 輸入類型,並通過改變觸控螢幕鍵盤來配合它(顯示數字)。
range 類型用於應該包含一定範圍內數字值的輸入域。
range 類型顯示為滑動條。
您還能夠設定對所接受的數字的限定:
數據檢出器
HTML5 擁有多個可供選取日期和時間的新輸入類型:
date - 選取日、月、年 month - 選取月、年 week - 選取周和年 time - 選取時間(小時和分鐘) datetime - 選取時間、日、月、年(UTC 時間) datetime-local - 選取時間、日、月、年(本地時間) 下面的例子允許您從日曆中選取一個日期:

相關詞條

熱門詞條

聯絡我們