美文网首页
9、关于input标签的类型总结

9、关于input标签的类型总结

作者: 东东丶酱 | 来源:发表于2017-09-20 22:12 被阅读0次

    1、email类型---验证是否为正确email格式,如果不,点击提交会显示提示

    2、tel类型--规定内容是数字,跳转到数字键盘

    3、URL类型--规定网址,不是网址会提示错误

    4、range拖动条--step属性可以设置每次变换大小,支持value,max,min,属性

    5、search类型--输入内容有一个关闭符号,可以删除内容

    6、number类型--数字类型可点击加减

    7、color类型--点击可以选择颜色

    8、datetime-local类型--显示完整的日期不含时区

    9、time--显示时间。不含时区

    10、date--显示日期

    11、week--显示周

    12、month---显示月

    13、list类型--地面跟datalist标签ID为list的值

    下面跟option标签可实现选择

    <!--输入关键字显示备用选项list属性对应datalist的id值-->
    填写姓名:<input type="text" list="list">
    <datalist id="lis">
      <option value="男"></option>
      <option value="女"></option>
    </datalist>
    

    14、required添加在最后,则输入内容不能为空

    相关文章

      网友评论

          本文标题:9、关于input标签的类型总结

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