在HTML中input的type类型有text、password、hidden、submit等类型， HTML5在原有的类型上新增了几种类型， 下面进行介绍 。
方式/
1新建一个HTML5页面， 文件命为test.html， 用于测试申明input新增的type类型 。
文章插图
2新增了type="email"类型， 在form表单中提交数据的过程中， 这种类型会主动对输入框的内容进行验证， 验证是否是邮件地址 。
文章插图
文章插图
3【HTML5中新增的Input类型有哪些】新增了type="url"类型， 当输入的内容非网址， 会以红框显示当前输入不准确 。
文章插图
文章插图
4新增了type="number"类型， 当在输入框中输入内容不是数字时， 会以红框提醒用户输入错误 。 number类型还可以设置min最小值， max最大值， 并在输入框的结尾呈现箭头， 可以调整数值 。
文章插图
文章插图
5新增了type="range"类型， 此类型实现了近似于滑动条的结果， 可以滑动， 在该类型中可以实现min最小值和max最大值的设置 。
文章插图
文章插图
6新增了type="date"类型， 此类型只要给一个时候的默认值， 就可以不需要JS的环境实现日期的选择 。
文章插图
文章插图
7新增了type="search"类型， 当输入框为此类型时， 输入内容后， 在输入框的结尾会出来一个叉号， 可对内容进行清空 。
文章插图
文章插图
以上内容就是HTML5中新增的Input类型有哪些的内容啦， 希望对你有所帮助哦！
推荐阅读
- 如何正确使用mutex锁
- 在旅途中迷路了，怎么办
- 夏天金鱼中暑闷缸怎么办？
- 如何自制小螺丝刀
- DNF破晓女神怎么加点
- 环保手工工艺品制作
- 与史前文明的对话
- 和平精英喷涂要怎么用
- 如何在WPS文字中插入表格
- 如何在WPS文字中插入、编辑艺术字