第十五节 html5学习——表单元素
2013-01-23 21:28
253 查看
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" /> [code]<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>
[/code]
提示: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: [code]<keygen name="security" />
<input type="submit" />
</form>
[/code]
output 元素
output 元素用于不同类型的输出,比如计算或脚本输出:
实例
<output id="result" onforminput="resCalc()"></output>
相关文章推荐
- Web前端学习笔记(3)-html5新增表单元素
- HTML5 学习笔记4-表单新增的元素和属性
- HTML学习笔记(五)_HTML5表单相关元素和属性
- HTML5学习(6) 表单元素
- 【HTML5学习笔记】13:表单元素 其三
- HTML5 学习笔记5-表单新增元素和属性(续写)
- 【HTML5+css3】学习笔记之表单元素
- 【HTML5学习笔记】11:表单元素 其二
- HTML5 学习总结(二)——HTML5新增属性与表单元素
- html5学习笔记3-新增表单元素
- 【HTML5学习笔记】6:文档元素的使用
- HTML5表单新增元素与属性
- HTML5学习_day05(8)--html之伪类元素选择器(伪元素)
- HTML5学习之六块元素,内联元素
- Html5学习笔记1 元素 标签 属性
- HTML5入门----表单元素(1)
- HTML5表单新增元素和属性(2)
- html5表单及新增的改良元素
- HTML5 表单新元素支持特性对比列表
- HTML5 教程学习 - nav元素标签