HTML 5表单相关的元素和属性

HTML原有的表单及表单控件

form元素
1. action：指定当单击表单内的“确认”按钮时，该表单被提交到哪个地址
2. method：指定提交表单时发送何种类型的请求，该属性值可分别为get和post
3. enctype：指定对表单内容进行编码所使用的字符集
4. name：指定表单的唯一名称，建议该属性值与id属性值保持一致
5. target：指定使用哪种方式打开目标URL
6. get请求方式：直接在浏览器地址栏中输入访问地址所发送的请求
7. post请求方式：这种方式通常使用提交表单的方式来发送
input元素
1. 单行文本框：指定<input…/>元素的type属性为text即可
2. 密码输入框：指定<input…/>元素的type属性为password即可
3. 隐藏域：指定<input…/>元素的type属性为hidden即可
4. 单选框：指定<input…/>元素的type属性为radio即可
5. 复选框：指定<input…/>元素的type属性为checkbox即可
6. 图像域：指定<input…/>元素的type属性为image即可
7. 文件上传域：指定<input…/>元素的type属性为file即可
8. 提交、重设、无动作按钮：分别指定<input…/>元素的type属性为submit，reset，button即可
9. check：设置单选框，复选框初始状态是否处于选中状态
10. disabled：设置首次加载时禁用此元素
11. maxlength：该属性值是一个数字
12. readonly：指定该文本框内的值不允许用户修改（可以用JavaScript脚本修改）
13. size：该属性值是一个数字，指定该元素的宽度
14. src：指定图像域所显示图像的URL，只有当type=“image”时才可指定该属性
15. width：指定图像域所显示图像的宽度，只有当type=“image”时才可指定该属性
16. height：指定图像域所显示图像的高度，只有当type=“image”时才可指定该属性
使用label定义标签
1. 隐式使用for属性：指定<label…/>元素的for属性值为所关联表单控件的id属性
2. 显示关联：将普通文本，表单控件一起放在<label…/>元素内部即可
使用button定义按钮
1. disabled：指定是否禁用此按钮
2. name：指定该按钮的唯一名称
3. type：指定该按钮属于哪种按钮，该属性只能是button，reset，或submit其中之一
4. value：指定该按钮的初始值
select与option元素
1. disabled：设置禁用该列表和下拉菜单。该属性的值只能是disabled或省略属性值
2. multiple：设置该列表框和下拉菜单是否允许多选。
3. size：指定该列表框内可同时显示多少个列表项
4. ：用于定义列表框选项或菜单项
5. <optgroup…/>：用于定义类表项或菜单项组
6. selected：指定该列表项初始状态是否处于被选中的状态
7. value：指定该选项对应的请求参数值
8. label：指定该选项组的标签。这个属性必填
HTML增强的textarea
1. cols：指文本域的宽度，必填
2. rows：指定文本域的高度，必填
3. disabled：指定禁止用该文本域
4. readonly：指定该文本域只读
5. maxlength：设置该多行文本域最多可以输入多少字符数。
6. wrap：指定多行文本域是否添加换行数。

HTML新增的表单属性

formxxx属性

1. formenctype：通过该属性可以让按钮动态的改变表单的enctype属性
2. formmethod：通过该属性可以让按钮动态的设置表单一post或get提交
3. formtarget：通过该属性可以让按钮动态的改变表单的target属性。

HTML新增的表单元素

input元素
1. color：让<input…/>元素生成一个元素选择器。
2. date：让<input…/>元素生成一个日期选择器。
3. time：让<input…/>元素生成一个时间选择器。
4. datetime-local：让<input…/>元素生成一个本地日期，时间选择器。
5. week：让<input…/>元素生成一个供用户选择第几周的文本框。
6. month：让<input…/>元素生成一个月份选择器。
7. max：指定日期时间的最大值。
8. step：指定日期时间的步长。
9. valueAsDate：该属性主要获取从1970年1月1日0时0分0秒到现在的时间。
10. email：让<input…/>元素生成一个E-mail输人框。
11. tel：让<input…/>元素生成一个只能输入电话号码的文本框。
12. url：让<input…/>元素生成一个URL输入框。
13. number：让<input…/>元素生成一个只能输入数值的文本框。
14. range：让<input…/>元素生成一个拖动条。
15. search：让<input…/>元素生成一个专门用于输入搜索关键字的文本框。
output元素
1. for：该属性指定该元素将会显示哪个或哪些元素的值。
meter元素
1. value：指定计数仪表的当前值
2. min：指定计数仪表的最小值
3. max：指定计数仪表的最大值
4. low：指定计数仪表指定范围的最小值。
5. high：指定计数仪表指定范围的最大值。
6. outimum：指定计数仪表有效范围的最佳值。
progress元素
1. max：指定进度条完成时的值
2. value：指定进度条当前完成的进度值。
keygen元素
1. name：指定该表单的元素的名称，该名称将作为请求参数的名称
2. keytype：指定生成公钥和秘钥对的算法
3. disabled：设置是否禁用

HTML新增的客户端校验

1. required：该属性指定该表单控件必须填写
2. pattern：该属性指定该表单控件的值必须符合指定的正则表达式
3. min、max、step：这3个属性只对数值类型，日期类型的<input…/>元素有效