加入收藏
大学数学, 研究生数学,大学数学资料下载,免费 大学数学课件,研究生数学课件,免费下载
HTML5 表单元素
2014-08-12 06:35:53

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>



赞一个(118) | 阅读(939)
上一篇:HTML5 Input 类型
下一篇:HTML5 表单属性
 

胡桃木屋版权所有@2013 湘ICP备13006789号-1