HTML5新增属性（一）

表单内元素的form属性

在HTML5中，可以把表单内的从属元素写在页面的任何地方，然后为元素指定一个form属性。

<form id="testform">
    <input type="text">
</form>
<textarea form="testform"></textarea>

---

表单内元素的formaction属性

（1）在HTML4中，一个表单内的所有元素只能通过表单的action属性统一提交到另一个界面。
（2）在HTML５中可以为所有的提交按钮添加不同的formaction属性，使得在单击不同按钮时可以将表单提交到不同的界面。

---

表单内元素的formmethod属性

（1）在HTML4中,表单内只有一个method属性来统一指定提交方法。
（2）在HTML5中，可以用formmethod属性来对每一个表单分别指定不同的提交方法。

---

表单内元素的required属性

（1）可以用在大多数输入元素（除了隐藏元素、图片元素按钮上）。
（2）在提交时，如果元素中内容为空白，则不允许提交，同时在浏览器中显示信息提示文字，提示用户必须输入内容。

---

表单内元素的autofocus属性

（1）为文本框、选择框或按钮控件加上autofocus属性，当画面打开时，该控件自动获得光标焦点。（需要使用javascript，如”control.focus()”）
（2）使用方法：<input type=”text” autofocus>
（3）一个页面上只能有一个控件具有autofocus属性。
（4）从实用角度来说，不要滥用该属性，当一个页面是以使用某个控件为主要目的时，才对该控件使用autofocus属性，如搜索页面的搜索文本框。

---

表单内元素的formenctype属性

在HTML5中，可以用formenctype属性来对表单元素分别指定不同的编码方式。

---

文本框的placeholder属性

当文本框（<input type=”text”或<textarea>）处于未输入状态时显示的输入提示。

---

表单内元素的formtarget属性

（1） 在HTML4中,表单元素具有一个target属性，用来指定在何处打
开表单提交后所需要加载的界面。
（2） 在HTML5中，可以对多个提交按钮分别使用formtarget属性来规定提交后在何处打开所需要加载的页面。

---

标签的control属性

在HTML5中，可以在标签（label元素）内部放置一个表单元素，并且通过该标签的control属性来访问该表单元素。

---

表单内元素的labels属性

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

---

文本框的pattern属性

（1）在HTML5中，对input元素使用pattern属性，并且将属性值设为某个格式的正则表达式，在提交时会对这些进行检查，检查其内容是否符合给定格式。
（2）当不符合时，不允许提交，同时在浏览器中显示提示信息提示文字，提示输入的内容必须符合给定格式。

<!--要求输入内容为一个数字和三个大写字母-->
<form>
    请输入指定格式内容：<input pattern="[0-9][A-Z]{3}">
    <input type="submit">
</form>

---

文本框的list属性

（1）在HTML5中，为单行文本框（<input type=”text”>）增加了一个list属性,该属性的值为某个datalist元素的id。
（2）datalist元素，类似于选择框(select元素)，但是当用户想要设定的值不再选择列表之内时，允许自行输入。
（3）datalist元素本身不显示，而是当文本框获得焦点时以提示输入的方式显示。

text:<input type="text" name="greetings" list="greetings">
<datalist id="greetings" style="display:none">
    <option value="Good Morning">Good Morning</option>
    <option value="Hello">Hello</option>
    <option value="Good Afternoon">Good Afternoon</option>
</datalist>

---

文本框的autocomplete属性

（1）输入辅助自动完成功能。
（2）可以指定”on”、” off”与””（不指定）这三种值。
（3）在不进行指定时，使用浏览器的默认值（取决于各个浏览器的决定）。
（4）把该属性设置为on时，可以显式指定候补输入的数据列表。
（5）使用datalist元素与list属性提供候补输入的数据列表，在执行自动完成时，可以将该datalist元素中的数据作为候补输入的数据在文本框中自动显示。

---

复选框的indeterminate属性

（1）对复选框来说，过去只有选取和未选取状态。
（2）在HTML5中，可以再js脚本中对该元素使用indeterminate属性，说明复选框处于“尚未明确是否被选取”状态。
（3）采用布尔类型的值对indeterminate属性进行赋值。当属性为true时，浏览器中的复选框将显示为不明状态。

（1）indterminate属性和checked属性是两种不同的属性。
（2）在js脚本中对复选框的状态进行判断时，应先判断复选框的indeterminate属性值，然后判断复选框的checked属性值

---

文本框的selectionDirection属性

（1）针对input元素与textarea元素，HTML5增加了一个SelectionDirection属性
（2）用户在这两个元素中用鼠标选取部分文字时，可以使用该属性来获取选取方向。
（3）当用户正向选取文字时，该属性值为”forward”;当用户反向选取文字时，该属性值为”backward”;当用户没有选取任何文字时，该属性值为”forward”;

---

textarea元素的maxlength属性与wrap属性

（1）textarea元素的maxlength属性：使用整形数值进行设定，用于限定textarea元素中可输入文字的个数。
（2）extarea元素的wrap属性：值为soft与hard
a) hard：如果向textarea元素中输入的文字个数超出使用textarea元素的cols属性所限定的每行中可显示文字个数而导致文字换行时，提交表单时会在换行处加入一个换行标志。当设定wrap属性值为hard时，必须制定cols属性值
b) soft：不加入换行标志