HTML5 的新的表单元素(datalist/keygen/output)使用介绍
新青瓷之窑变,尖锐湿疣初期图片,烧碱价格
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>
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!!
点击进行留言回复
相关文章:
-
-
-
-
-
-
-
HTML入门
HTML概述 HTML: Hyper Text Markup Language 超文本标记语言 超文本: 比普通文本功能更加强大,可以添加各种样式 标记...
[阅读全文]
-
使用HTML设计商城首页
网站首页 需求分析 根据产品文档,完成商城首页,显示效果如图 技术分析 表格标签table table标签 常用的属性: bgcolor : 背景色 w...
[阅读全文]
-
使用HTML设计注册界面
网站注册页面案例 需求分析 编写一个HTML页面, 显示效果如图所示 技术分析 表单标签 action : 直接提交的地址 method : get 方...
[阅读全文]
-
-
网友评论