UDN-企业互联网技术人气社区

板块导航

浏览  : 1854
回复  : 3

[HTML5] HTML5 的新的表单元素(datalist/keygen/output)使用介绍

[复制链接]
友美C_cup的头像 楼主
发表于 2015-7-23 15:04:54 | 显示全部楼层 |阅读模式
本帖最后由 友美C_cup 于 2015-8-1 14:20 编辑

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


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


•datalist

•keygen

•output


浏览器支持


Input typeIEFirefoxOperaChromeSafari
datalistNoNo9.5NoNo
keygenNoNo10.53.0No
outputNoNo9.5NoNo

datalist 元素


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


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


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


实例


  1. Webpage: <input type="url" list="url_list" name="link" />
  2. <datalist id="url_list">
  3. <option label="W3School" value="http://www.W3School.com.cn" />
  4. <option label="Google" value="http://www.google.com" />
  5. <option label="Microsoft" value="http://www.microsoft.com" />
  6. </datalist>
复制代码

亲自试一试


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


keygen 元素


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


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


私钥(private key)存储于客户端,公钥(public key)则被发送到服务器。公钥可用于之后验证用户的客户端证书(client certificate)。


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


  实例


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

亲自试一试


output 元素


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


  实例


  1. <output id="result" onforminput="resCalc()"></output>
复制代码






相关帖子

发表于 2015-8-10 20:37:49 | 显示全部楼层
OMG!介是啥东东!!!
使用道具 举报

回复

发表于 2015-8-14 13:09:19 | 显示全部楼层
html5的时代快要到来了么
使用道具 举报

回复

发表于 2015-8-14 17:48:49 | 显示全部楼层
不错的帖子,支持下
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部