介绍
相信大部分开发 Web 的程序猿,都肯定接触过 HTML input 标签。 很惭愧,在 HTML5 到来后,使用 input 标签仅仅停留在 type=“text | radio | checkbox | button” 的几种类型。
正确使用 input 标签给我们的 type 类型,可以帮助我们省下不少开发时间。
Input Type
- 常用 Type
值 | 描述 |
button | 按钮 |
checkbox | 复选框 |
file | 文件上传 |
hidden | 隐藏输入框 |
password | 密码输入框,值会被隐藏 |
radio | 单选按钮 |
text | 默认,单行输入框 |
- HTML5 标签 (Web App 用到情况比较多)
color | 拾色器 |
---|---|
data | 日期,带有 calendar 控件 |
datetime | 日期,带有 calendar 和 time 控件 |
month | 日期字段的月,带有 calendar 控件 |
week | 日期字段的周,calendar 控件 |
time | 日期字段的时、分、秒,带 time 控件 |
e-mail 地址的文本字段 | |
number | 带有 spinner 控件的数字字段 |
range | 带有 slider 控件的数字字段 |
search | 搜索文本 |
tel | 电话号码 |
url | 用于 URL 文本字段 |