HTML HTML5 input标签类型

前几天去面试的时候，面试官问了我一个关于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:选取本地年月日时分秒

转载于:https://www.cnblogs.com/smile-xin/p/11351980.html

• 点赞
• 收藏
• 分享
• 文章举报