美文网首页
review html5 04:新增标签 - 表单

review html5 04:新增标签 - 表单

作者: 蝴蝶结199007 | 来源:发表于2017-05-04 21:26 被阅读40次

(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属性 浏览器支持

相关文章

  • review html5 04:新增标签 - 表单

    (1) 定义选项列表,需要与 input 元素配合使用该元素,来定义 input 可能的值;d...

  • HTML5详解

    01-HTML5新增语义化标签 HTML5语义化标签的兼容 HTML5新增表单控件和表单属性 HTML5表单验证反...

  • 2019-03-19 html常用标签词汇

    html常用标签词汇 html5新增表单类型

  • html5的新增标签

    html5的新增标签的类型有: 结构标签 媒体组合标签 表单控件 一.新增的结构标签有### article 页面...

  • h5表单

    html5 表单 新增input类型 新增表单元素 html5表单验证 新增表单属性 新增的input类型 inp...

  • 前端入门06 -- HTML5和CSS3提高,项目实战

    HTML5新特性 HTML5的新增特性主要是针对以前的不足,增加了一些新的标签,新的表单和新的表单特性; 这些新增...

  • 前端开发 二

    新窗口打开页面的黑魔法 特殊字符 列表 表格 表单 label 标签 下拉列表 html5 新增标签

  • 2019-10-20

    HTML5 File API 在 HTML5 的 input 标签中,新增了一个 type=file 属性的表单控...

  • HTML5和CSS3

    html5上新增加了语义化标签(结构标签),表单属性,表单种类,全局属性。css3增加了transition过渡属...

  • HTML5和CSS3

    html5上新增加了语义化标签(结构标签),表单属性,表单种类,全局属性。css3增加了transition过渡属...

网友评论

      本文标题:review html5 04:新增标签 - 表单

      本文链接:https://www.haomeiwen.com/subject/acbdtxtx.html