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

2017-09-20  本文已影响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添加在最后,则输入内容不能为空

上一篇下一篇

猜你喜欢

热点阅读