多语言展示
当前在线:1863今日阅读:103今日分享:49

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"类型,当输入框为此类型时,输入内容后,在输入框的末端会出来一个叉号,可对内容进行清空。

推荐信息