前几天去面试的时候,面试官问了我一个关于input标签有多少类型?我当时懵了一下,input标签我平常用得最多的是text 、button、submit、password等,但具体有哪些还真没仔细总结,今天在此总结下。
一:在HTML中<input>标签类型有以下几种:
1.文本类
text:定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。
password:定义密码字段。该字段中的字符被掩码。
2.功能类
button:定义可点击按钮
image:定义图像形式的提交按钮。
submit:定义可提交按钮,把表单数据传给服务器
reset:定义重置按钮。重置按钮会清除表单中的所有数据。
3.操作类
CheckBox:定义复选框
radio:定义单选框
file:定义输入字段和 "浏览"按钮,供文件上传。
4.特殊类:
hidden:定义隐藏的输入字段。
二:HTML5中<input>标签类型
虽说HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证,但东西虽好,但有些浏览器还不能支持,具体我就不详细说了,大家可以去www.w3school.com.cn进行查阅。
1.文本类
email:定义email地址,提交表单时能自动校验email值是否符合规范
Url:定义Url地址,提交表单时能自动验证Url的值
2.操作类:
number:定义数值字段
range:定义一定范围内数字值的输入域
3.Date类
date:选取日月年
month:选取年月
week:选取年周
time:选取时间(小时与分钟)
datetime:选取年月日时分秒(UTC时间)
datetime-local:选取本地年月日时分秒