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教程的Input 类型简介
本章全面介绍这些新的输入类型：

关于网页hTML5的相关知识就说到这里希望可以帮助朋友们。,