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>