HTML5相关的属性和元素

HTML原有的元素
from元素
<from…/>元素用于生成输入表单。该元素不会生成可视化部分。
. action：属性值为低级表达内的提交或确定按钮时被提交的网页的网址。
.method：属性值为提交表单时发送何种类型的请求，可以为get和post。
.enctype：属性值为对表单内容进行编码所使用的字符集。
.name：属性值为表单的唯一元素，建议与属性id的属性值保持一致。
.target：属性值为打开目标URL的哪种方式，可以是_blank,_parent,_self，_top四个值其中之一。

input元素
使用input元素生成表单控件，使用type元素控制生成那种格式
.单行文本框:type属性为text即可
.密码输入框：type属性为password即可
.隐藏域：type属性为hidden即可
.单选框：type属性为radio即可
.多选框：type属性为checkbox即可
.图像域：type属性为image即可，可以指定width和height两个属性
.文件上传域：type属性为filed即可
.提交、重设、无动作按钮：type的属性分别为submit、reset和button
Lable元素
<Label…/>元素用于在表单中定义标签，这些标签可以对其他可生成请求参数的表单空间元素（如文本框、密码框）进行说明，<label…/>元素不需要生成请求参数，因此不要为<label…/>元素指定value属性值。
让标签和表单控件关联有两种方式。
1、隐式使用for属性：指定<label…/>元素的for属性值为所关联表单控件的id属性值。
2、显式关联：将普通文本、表单控件一起放在<label…/>元素内部即可。
使用button定义按钮
<button…/>元素用于第一个按钮，在元素内部可以包含普通文本、文本格式化标签、图像等内容。
<button…/>元素可以制定的属性
1、disable：是否禁用此按钮。改属性值只能是disabled，或省略属性。
2、Name：按钮唯一的名称。改属性值应与id属性值保持一致
3、Type：制定该按钮是那种按钮。
4、Value：指定该按钮的初始值。
Select和option元素
<Select…/>元素与<option…>元素结合使用，用于创建列表框和下拉单。
<Select…/>元素可以指定的如下几个属性。
1、disable：设置禁用列表框和下拉单。改属性值只能是disabled，或省略属性。
2、Mutiple：设置列表框和下拉单是否应许多选。
3、Size：指定该列表框内可以同时显示多少个列表框。
在<Select…/>元素只能包含下面两个子元素。
1、：用于定义列表框选项和菜单项。该元素只能包含文本内容作为该选项的文本。
2、<optgroup…/>：用于定义列表项或菜单数组。该元素只能包含<option…/>

下面使用 <Select…/>元素定义了一个下拉菜单和两个列表框。

HTML5增强的textarea
<textarea…/>用于生成多行文本域

用上图可看到：1、cols:指定文本域的宽度。
3、rows：指定文本域的高度。
4、Readsonly：指定该文本域只读
5、Maxlenght：设置该多行文本最多可以输入的字符数
6、Warp：指定多行文域是否添加换行符。改属性支持soft和hard两个属性值。
Fieldset与legend元素
<fieldset…/>元素可用于对表单内表单元素进行分组。
1、name：制定该<fieldset…/>元素的名称
2、Form:该属性值必须为一个有效的<form…/>元素的id，用于指定该<fieldset…/>元素属于制定表单
3、Disable：用于禁用改组表单元素。

HTML5新增的表单元素
form属性

Formaction
用于解决在同一个中包含两个以上的提交按钮，不同的按钮提交不同的action。 如

将提交到login，所以有formaction的属性值决定。
formxxx属性
autofocus属性
非常实用的属性，决定浏览器打开页面组件是否自动获得焦点
Placeholder属性

如图，placeholder作用，就是在文本框提提示用户操作，比如图里文本框里的”请输入用户名“

List 属性
List属性必须和<datalist…/>一起使用

如图list作用是用户在用鼠标点击文本框里时，能够出现下拉框，帮组用户有更好的使用体验

Autocomplete属性
autocomplete 属性规定表单是否应该启用自动完成功能。
自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。
该属性支持如下两个属性值。
1、On：打开autocomplete，文本框下方会显示下拉菜单
2、Off：关闭autocomplete，文本框下方不会显示下拉菜单

Label的control的属性

表单元素labels属性
在HTML5中，为所有可使用label的表单元素，定义一个labels属性，属性值为一个NodeList对象，代表该元素所绑定的标签元素构成的集合。
文本框的selectionDirection属性
复选框的indeterminate属性

功能丰富的input元素
在HTML5中，为input元素新增了以下一些type属性值，用来丰富文本框的类型。
color：用于指定颜色的控件。
date：用于输入日期的控件（年，月，日，不包括时间）。
datetime：基于 UTC 时区的日期时间输入控件（时，分，秒及几分之一秒）。
datetime-local：用于输入日期时间控件，不包含时区。
email：用于编辑 e-mail 的字段。
month：用于输入年月的控件，不带时区。
number: 用于输入浮点数的控件。
range：用于输入不精确值控件。
search：用于输入搜索字符串的单行文本字段。换行会被从输入的值中自动移除。
tel：用于输入电话号码的控件。
time：用于输入不含时区的时间控件。
url：用于编辑URL的字段。。
week：用于输入一个由星期-年组成的日期，日期不包括时区。推荐你去一个教学网站 秒秒学上把这些知识过一遍，夯实下基础。

Output元素
HTML5新增了一个<output…/>表单控件，该元素用于输出
<output…/>元素除了可以指定id，style，class，form等属性之外，还可以制定如下属性。
For：该属性指定该元素会显示那个或那些元素的值。
Meter元素
meter元素表示规定范围内的数量值。meter元素有6个属性！
1、value属性：在元素中特地地表示出来的实际值。该属性值默认为0，可以为该属性制定一个浮点小数值。
2、min属性：指定规定范围时允许实用的最小值，默认0，在设定该属性时所设定的值不能小于0。
3、max属性：指定规定的范围时允许使用的最大值，如果设定时该属性值小于min的值，那么把min属性的值视为最大值。max属性的默认值1。
4、low属性：规定范围的下限值，必须小于或者等于high的值。
5、high属性：规定范围的上限值。如果该属性值小于low属性的值，那么把low属性的值视为high属性的值，同样如果该属性的值大于max属性的值，那么把max属性的值视为high的值。
6、optimum属性：最佳值属性值必须在min属性值与max属性值之间，可以大于high属性值。

progress元素
Progress元素用于表示一个进度条

Keygen元素
<keygen…/>元素用于生成公钥和密钥
HTML新增的客户端校验
使用校验属性执行校验

调用checkvalidity方法进行校验
自定义错误提示
关闭校验