首頁 > web前端 > H5教程 > HTML5 的新的表單元素(datalist/keygen/output)使用介紹_html5教學技巧

HTML5 的新的表單元素(datalist/keygen/output)使用介紹_html5教學技巧

WBOY
發布: 2016-05-16 15:49:08
原創
2213 人瀏覽過

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 元素用於不同類型的輸出,例如計算或腳本輸出:
實例

複製程式碼
程式碼如下:


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板