review html5 04:新增标签 - 表单

2017-05-04  本文已影响40人  蝴蝶结199007

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

猜你喜欢

热点阅读