HTML5的表单所有type类型(补第一章)
类型 | 说明 |
button | 定义可点击的按钮(大多与 JavaScript 使用来启动脚本) |
checkbox | 定义复选框。 |
color | 定义拾色器。 |
date | 定义日期字段(带有 calendar 控件) |
datetime | 定义日期字段(带有 calendar 和 time 控件) |
datetime-local | 定义日期字段(带有 calendar 和 time 控件) |
month | 定义日期字段的月(带有 calendar 控件) |
week | 定义日期字段的周(带有 calendar 控件) |
time | 定义日期字段的时、分、秒(带有 time 控件) |
| 定义用于 e-mail 地址的文本字段 |
file | 定义输入字段和 "浏览..." 按钮,供文件上传 |
hidden | 定义隐藏输入字段 |
image | 定义图像作为提交按钮 |
number | 定义带有 spinner 控件的数字字段 |
password | 定义密码字段。字段中的字符会被遮蔽。 |
radio | 定义单选按钮。 |
range | 定义带有 slider 控件的数字字段。 |
reset | 定义重置按钮。重置按钮会将所有表单字段重置为初始值。 |
search | 定义用于搜索的文本字段。 |
submit | 定义提交按钮。提交按钮向服务器发送数据。 |
tel | 定义用于电话号码的文本字段。 |
text | 默认。定义单行输入字段,用户可在其中输入文本。默认是 20 个字符。 |
url | 定义用于 URL 的文本字段。 |
HTML5的表单新属性(扩展)
新的 form 属性:
属性 | 说明 |
autocomplete | 规定输入字段是否应该启用自动完成功能 |
novalidate | 规定当提交表单时不对表单数据(输入)进行验证 |
新的 input 属性:
属性 | 说明 |
autocomplete | 规定输入字段是否应该启用自动完成功能 |
autofocus | 自动获取焦点 |
form | 规定 <input> 元素所属的一个或多个表单。 |
height 和 width | 设置高度和宽度 |
list | 引用 <datalist> 元素,其中包含 <input> 元素的预定义选项。 |
min, max 和 step | 设置最小值,最大值,合法数字间隔 |
multiple | 规定允许用户输入到 <input> 元素的多个值 |
pattern (regexp) | 规定用于验证 <input> 元素的值的正则表达式 |
placeholder | 占位符 |
required | 设置必填 |
list实例:
<input list="abc" > <datalist id="abc"> <option value="aaa"> <option value="bbb"> </datalist>
注:某些input属性只有在特定的type类型下才能生效,不过不用过分在意,后期学习的CSS样式,几乎可以让所有属性生效。