HTML5初学篇章_4

HTML5的表单所有type类型（补第一章）

类型	说明
button	定义可点击的按钮（大多与 JavaScript 使用来启动脚本）
checkbox	定义复选框。
color	定义拾色器。
date	定义日期字段（带有 calendar 控件）
datetime	定义日期字段（带有 calendar 和 time 控件）
datetime-local	定义日期字段（带有 calendar 和 time 控件）
month	定义日期字段的月（带有 calendar 控件）
week	定义日期字段的周（带有 calendar 控件）
time	定义日期字段的时、分、秒（带有 time 控件）
email	定义用于 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样式，几乎可以让所有属性生效。