html5中新的表單

標籤：提交   inpu   cat   pair   _for   ble   支援度   引用   input   

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" onforminput="resCalc()"></output>

html5中新的表單