Go语言视频零基础入门到精通

javalearner

HTML5 的新的表单元素：

HTML5 拥有若干涉及表单的元素和属性。
本章介绍以下新的表单元素：

[li]datalist [li]keygen [li]output [/li]

---

浏览器支持

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：
实例

2. Webpage: <input type="url" list="url_list" name="link" />
3. <datalist id="url_list">
4. <option label="baidu" value="http://www.baidu.com" />
5. <option label="Google" value="http://www.google.com" />
6. <option label="java learner" value="http://www.dearbaba.com" />
7. </datalist>

复制代码

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

---

keygen 元素
keygen 元素的作用是提供一种验证用户的可靠方法。
keygen 元素是密钥对生成器（key-pair generator）。当提交表单时，会生成两个键，一个是私钥，一个公钥。
私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。
目前，浏览器对此元素的糟糕的支持度不足以使其成为一种有用的安全标准。
实例

2. <form action="demo_form.asp" method="get">
3. Username: <input type="text" name="usr_name" />
4. Encryption: <keygen name="security" />
5. <input type="submit" />
6. </form>

复制代码

---

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

2. <output id="result" onforminput="resCalc()"></output>

复制代码

---

FireFox下的效果：


opera下的效果：

黑乌乌

不错的东东。

黑乌乌

支持楼主啊

lemon

不错