html5 input date

HTML5 擁有多個可供選取日期和時間的新輸入類型：

• date - 選取日、月、年
• month - 選取月、年
• week - 選取周和年
• time - 選取時間（小時和分鐘）
• datetime - 選取時間、日、月、年（UTC 時間）
• datetime-local - 選取時間、日、月、年（本地時間）
  
  
  

下面的例子允許您從日曆中選取一個日期：

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

親自試一試

輸入類型 "month": 親自試一試

輸入類型 "week": 親自試一試

輸入類型 "time": 親自試一試

輸入類型 "datetime": 親自試一試

輸入類型 "datetime-local": 親自試一試

Input 類型 - search

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

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

HTML5 的新的表單元素：

HTML5 擁有若干涉及表單的元素和屬性。

本章介紹以下新的表單元素：

• datalist
• keygen
• output
  
  
  

瀏覽器支持

Input type	IE	Firefox	Opera	Chrome	Safari
datalist	No	No	9.5	No	No
keygen	No	No	10.5	3.0	No
output	No	No	9.5	No	No

datalist 元素

datalist 元素規定輸入域的選項列表。

列表是通過 datalist 內的 option 元素創建的。

如需把 datalist 綁定到輸入域，請用輸入域的 list 屬性引用 datalist 的 id：

實例Webpage: <input type="url" list="url_list" name="link" /><datalist id="url_list"><option label="W3School" value="http://www.W3School.com.cn" /><option label="Google" value="http://www.google.com" /><option label="Microsoft" value="http://www.microsoft.com" /></datalist>

親自試一試

提示：option 元素永遠都要設置 value 屬性。

keygen 元素

keygen 元素的作用是提供一種驗證用戶的可靠方法。

keygen 元素是密鑰對生成器（key-pair generator）。當提交表單時，會生成兩個鍵，一個是私鑰，一個公鑰。

私鑰（private key）存儲於客戶端，公鑰（public key）則被髮送到服務器。公鑰可用於之後驗證用戶的客戶端證書（client certificate）。

目前，瀏覽器對此元素的糟糕的支持度不足以使其成爲一種有用的安全標準。

實例<form action="demo_form.asp" method="get">Username: <input type="text" name="usr_name" />Encryption: <keygen name="security" /><input type="submit" /></form>

親自試一試

output 元素

output 元素用於不同類型的輸出，比如計算或腳本輸出：

實例<output id="result"></output>

親自試一試

from:http://bbs.9ria.com/thread-184893-1-1.html