HTML 5 表單元素

2021-08-31 15:13:06 字數 924 閱讀 6878

html5 的新的表單元素:

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

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

datalist 元素

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

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

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

例項

webpage:

keygen 元素

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

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

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

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

例項

output 元素

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

例項

HTML5表單元素

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

HTML5表單元素

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

Html5表單元素

form fm autofocus 自動獲取焦點 placeholder 設定文字框的提示訊息 required 該屬性出現,當前的表單元素必須驗證 必填 有乙個表單元素標籤,不想在form標籤中寫,但是還想提交 方法 在該標籤新增form屬性,值就設定為form標籤的id值,那麼該標籤就可以提交了...