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

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添加在最后,则输入内容不能为空

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容