HTML5 的新的表單元素(datalist/keygen/output)使用介紹_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:

親自試試看

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

keygen 元素

keygen 元素的作用是提供驗證使用者可靠的方法。
keygen 元素是金鑰對產生器（key-pair generator）。當提交表單時，會產生兩個鍵，一個是私鑰，一個公鑰。

私鑰（private key）儲存於客戶端，公鑰（public key）則被傳送到伺服器。公鑰可用於之後驗證使用者的客戶端憑證（client certificate）。

目前，瀏覽器對此元素的糟糕的支援不足以使其成為有用的安全標準。
實例

複製程式碼

碼>

Username:

Encryption:





親自試試

outputput 元素

outputput 元素

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

複製程式碼

程式碼如下: