美文网首页
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:新增标签 - 表单

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