HTML5 新的 Input 類型

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

 

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

Input 類型 - url

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

 

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

Input 類型 - number

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

 

請使用下面的屬性來規定對數字類型的限定：

屬性 值 描述 max number 規定允許的最大值 min number 規定允許的最小值 step number 規定合法的數字間隔（如果 step="3"，則合法的數是 -3,0,3,6 等） value number 規定默認值

 

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

Input 類型 - range

<input type="range" name="points" min="1" max="10" />

 

請使用下面的屬性來規定對數字類型的限定：

屬性 值 描述 max number 規定允許的最大值 min number 規定允許的最小值 step number 規定合法的數字間隔（如果 step="3"，則合法的數是 -3,0,3,6 等） value number 規定默認值

Input 類型 - Date Pickers（日期選擇器）

Date: <input type="date" name="user_date" />

輸入類型 "month": 

輸入類型 "week": 

輸入類型 "time": 

輸入類型 "datetime": 

輸入類型 "datetime-local": 

Input 類型 - search

search 類型用於搜索域，比如站點搜索或 Google 搜索。

search 域顯示為常規的文本域。