HTML5的表單元素是什么

這篇文章主要為大家展示了“HTML5的表單元素是什么”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“HTML5的表單元素是什么”這篇文章吧。

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的表單元素是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！