HTML5(七) HTML5 表單元素

2021-09-01 19:12:33 字數 944 閱讀 3222

[align=center][b][size=large]html5 表單元素[/size][/b][/align]

html5 的新的表單元素:

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

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

[list]

[*]datalist

[*]keygen

[*]output

[/list]

[b][size=medium]瀏覽器支援[/size][/b]

[img]

[b][size=medium]datalist 元素[/size][/b]

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

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

如需把 datalist 繫結到輸入域,請用輸入域的 list 屬性引用 datalist 的 id:

例項

webpage:

[b][size=medium]keygen 元素[/size][/b]

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

keygen 元素是金鑰對生成器(key-pair generator)。當提交表單時,會生成兩個鍵,乙個是私鑰,乙個公鑰。

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

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

例項

[b][size=medium]output 元素[/size][/b]

output 元素用於不同型別的輸出,比如計算或指令碼輸出:

例項

HTML5表單元素

新的表單元素 1.datalist元素 規定輸入域的選項列表,datalist屬性規定form或input域應該擁有的自動完成的功能。當使用者在自動完成域中開始輸出時,瀏覽器應該在域中顯示填寫的選項。2.keygen提供一種驗證使用者的可靠方法。用於表單的金鑰對生成器字段。當提交表單時,會生成兩個鍵...

HTML 5 表單元素

html5 的新的表單元素 html5 擁有若干涉及表單的元素和屬性。本章介紹以下新的表單元素 datalist 元素 datalist 元素規定輸入域的選項列表。列表是通過 datalist 內的 option 元素建立的。如需把 datalist 繫結到輸入域,請用輸入域的 list 屬性引用 ...

HTML5表單元素

表單驗證觸發oninvalid事件 通過setcustomvalidity方法設定修改內容 action method get type text name uname pattern d required class uname type submit name form var input do...