review html5 04:新增标签 - 表单

(1)<datalist>

定义选项列表,需要与 input 元素配合使用该元素,来定义 input 可能的值;
datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表;
需要使用 input 元素的 list 属性来绑定 datalist。

<input id="myCar" list="cars" />
<datalist id="cars">
  <option value="BMW">
  <option value="Ford">
  <option value="Volvo">
</datalist>

除了 Internet Explorer 和 Safari,其他所有主流浏览器都支持 <datalist> 标签。

(2)<keygen>

定义生成密钥。
当提交表单时,私钥存储在本地,公钥发送到服务器。

<form action="#url" method="get">
  Username: <input type="text" name="usr_name" />
  Encryption: <keygen name="security" />
  <input type="submit" />
</form>
keygen属性
浏览器支持

<keygen>:http://www.w3school.com.cn/tags/tag_keygen.asp

(3)<output>

定义不同类型的输出,比如脚本的输出。
例:
执行计算然后在 <output> 元素中显示结果:

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
   <input type="range" id="a" value="50">100
   +<input type="number" id="b" value="50">
   =<output name="x" for="a b"></output>
</form>
output属性
浏览器支持
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 接上 关于HTML/HTML5(一)http://www.jianshu.com/p/33fc7840c079 学...
    Amyyy_阅读 840评论 0 4
  • HTML5 标签comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。为代码编写注释的好处是...
    才気莮孒阅读 4,110评论 1 25
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,026评论 19 139
  • HTML5 新的表单元素 HTML5 有以下新的表单元素: < datalist> 注意:不是所有的浏览器都支持H...
    鹿守心畔光阅读 625评论 0 2
  • H5增强的表单 form元素及属性 form元素 用来定义一个表单,是建立表单的基础元素,(就类似定义表格的tab...
    Zd_silent阅读 900评论 0 2