第二章 6 HTML5 表单元素

HTML5 表单元素

 

HTML5 的新的表单元素：

 

HTML5拥有若干涉及表单的元素和属性。

 

本章介绍以下新的表单元素：

datalist

keygen

output

浏览器支持

datalist 元素

 

datalist元素规定输入域的选项列表。

 

列表是通过 datalist 内的option 元素创建的。

 

如需把 datalist绑定到输入域，请用输入域的 list 属性引用 datalist 的 id：

实例

Webpage: <inputtype="url" list="url_list" name="link" />

<datalistid="url_list">

<optionlabel="W3CSchool" value="http://www.W3CSchool.cn" />

<optionlabel="Google" value="http://www.google.com" />

<optionlabel="Microsoft" value="http://www.microsoft.com" />

</datalist>

 

 

提示：option 元素永远都要设置value 属性。

keygen 元素

 

keygen元素的作用是提供一种验证用户的可靠方法。

 

keygen元素是密钥对生成器（key-pair generator）。当提交表单时，会生成两个键，一个是私钥，一个公钥。

 

私钥（privatekey）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。

 

目前，浏览器对此元素的糟糕的支持度不足以使其成为一种有用的安全标准。

实例

<formaction="demo_form.asp" method="get">

Username: <inputtype="text" name="usr_name" />

Encryption:<keygen name="security" />

<inputtype="submit" />

</form>

 

output 元素

 

output元素用于不同类型的输出，比如计算或脚本输出：

实例

<outputid="result" onforminput="resCalc()"></output>