6月2号=》61页-65页

3.2　　HTML5新增的属性与元素

　　3.2.1　　HTML5为表单控件新增的属性

　　　　3.2.1.1　　form属性

　　　　　　　　在HTML5以前，所有的表单控件都必须放在<form>元素内部，表明该表单控件属于该表单；

　　　　　　　　HTML5新增了form属性，用于定义该表单控件所属的表单，该属性的值应该是它所属表单的id。

　　　　　　　　通过为表单控件指定form属性，可以让表单控件定义在<form>元素之外，从而提高灵活性。

 

　　　　3.2.1.2　　formaction属性

　　　　　　　　该属性主要用于在一个表单内同时存在两个或以上的提交按钮，该属性可以为各个按钮提交到不同

　　　　　　　　的页面，而不仅仅局限于该form指定的action属性定义的页面。

 

　　　　3.2.1.3　　formxxx属性

　　　　　　　　formxxx属性是一些与formaction极为相似的属性，对于<input type="submit">、<input type="image">、

　　　　　　　　<button type="submit">元素，都可以指定formenctype、formmethod、formtarget等属性，介绍如下：

　　　　　　　　　　formenctype：通过该属性可以让按钮动态地改变表单的enctype属性。

　　　　　　　　　　formmethod：通过该属性可以让按钮动态地设置表单以post或get方式提交。

　　　　　　　　　　formtarget：通过该属性可以让按钮动态地改变表单的target属性。

 

　　　　3.2.1.4　　autofocus属性

　　　　　　　　当为某个表单控件增加该属性后，浏览器打开该页面时该组件就会自动获得焦点，整个页面上最多只能为一个表单

　　　　　　　　控件设置该属性。

 

　　　　3.2.1.5　　placeholder属性

　　　　　　　　该属性用于为单行文本框、多行文本域内显示提示信息。一旦用户开始输入，该提示信息就会自动消失。

 

　　　　3.2.1.6　　list属性

　　　　　　　　该属性相当于文本框与下拉菜单结合的组件，该属性的值应该是一个<datalist>组件的id。

　　　　　　　　也就是说该属性必须与<datalist>元素结合使用。该元素可以让用户输入，也可以让用户直接对下拉菜单进行选择。

　　　　　　　　　　<datalist>：该元素相当于一个"看不见"的<select>元素，用于生成一个隐藏的菜单。

　　　　　　　　　　　　　　　　当用户双击指定了list属性的文本框是，该文本框将会显示<datalist>元素生成的下拉菜单。

 

　　　　3.2.1.7　　autocomplete属性

　　　　　　　　该属性主要用于与list属性结合使用，当有时候出于安全性考虑，开发者不想让某些欧诺个户看到这个下拉菜单，

　　　　　　　　则可以通过该属性来实现。该属性支持如下两个属性值。

　　　　　　　　　　on：打开autocomplete，文本框下方会显示下拉菜单。

　　　　　　　　　　off：关闭autocomplete，文本框下方不会显示下拉菜单。

 

3.2.2　　功能丰富的input元素

　　　　HTML5为<input>元素的type属性新增了如下几种可能的类型：

　　　　　　color：让<input>元素生成一个颜色选择器。当用户在颜色选择器中选中指定颜色后，该文本框内自动显示用户

　　　　　　　　　 选中的颜色，该文本框的value为该颜色的值，形如#xxxxxx的颜色值。

　　　　　　data：让<input>元素生成一个日期选择器。

　　　　　　time：让<input>元素生成一个时间选择器。

　　　　　　datatime：让<input>元素生成一个UTC日期、时间选择器。

　　　　　　datetime-local：让<input>元素生成一个本地日期、时间选择器。

　　　　　　week：让<input>元素生成一个供用户选择第几周的文本框。

　　　　　　month：让<input>元素生成一个月份选择器。

　　　　　　email：让<input>元素生成一个E-mail输入框。浏览器将会自动检查该文本框的value，如果用户在该文本框

　　　　　　　　　  内输入的内容部符合E-mail格式，浏览器将会不允许提交表单，并自动生成提示。当指定type="email"时，

　　　　　　　　　  <input>元素可以指定如下属性：

　　　　　　　　　　　　multiple：该属性的值可以使multiple或省略属性值。如果指定了该属性值，则表明该文本框内允许

　　　　　　　　　　　　　　　　　输入多个E-mail地址。

　　　　　　tel：让<input>元素生成一个只能输入电话号码的文本框。单这种类型的文本框并没有提供额外的要求，也就是用

　　　　　　　　户完全可以向type="tel"的文本框内输入任意字符串。浏览器并不会执行太多额外的检查。

　　　　　　url：让<input>元素生成一个URL输入框。浏览器将会自动检查该文本框的value，如果用户在该文本框内输入的

　　　　　　　　内容部符合URL格式，浏览器将会不允许提交表单，并自动生成提示。

　　　　　　number：让<input>元素生成一个只能输入数字的文本框。

　　　　　　range：让<input>元素生成一个拖动条，通过拖动条使得用户只能输入指定范围、指定倍数的值。当指定文本框

　　　　　　　　　　的type="range"时，该文本框还可以指定如下3个属性：

　　　　　　　　　　　　min：指定该拖动条的最小值。

　　　　　　　　　　　　max：指定该拖动条的最大值。

　　　　　　　　　　　　step：指定该拖动条的倍数。

　　　　　　search：让<input>元素生成一个专门用于输入搜索关键字的文本框。这种类型的文本框与type="text"的文本框

　　　　　　　　　　并没有太大的区别。