HTML5中新增的Input类型有哪些
在HTML中input的type类型有text、password、hidden、submit等类型，HTML5在原有的类型上新增了几种类型，下面进行介绍。
方式/步调
- 1
新建一个HTML5页面，文件命为test.html，用于测试申明input新增的type类型。
- 2
新增了type="email"类型，在form表单中提交数据的过程中，这种类型会主动对输入框的内容进行验证，验证是否是邮件地址。
- 3
新增了type="url"类型，当输入的内容非网址，会以红框显示当前输入不准确。
- 4
新增了type="number"类型，当在输入框中输入内容不是数字时，会以红框提醒用户输入错误。number类型还可以设置min最小值，max最大值，并在输入框的结尾呈现箭头，可以调整数值。
- 5
新增了type="range"类型，此类型实现了近似于滑动条的结果，可以滑动，在该类型中可以实现min最小值和max最大值的设置。
- 6
新增了type="date"类型， 此类型只要给一个时候的默认值，就可以不需要JS的环境实现日期的选择。
- 7
新增了type="search"类型，当输入框为此类型时，输入内容后，在输入框的结尾会出来一个叉号，可对内容进行清空。
- 发表于 2019-07-01 17:02
- 阅读 ( 852 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章