介绍
相信大部分开发 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 文本字段 |