6月1号=》56页-60页

3.1.3　　使用label定义标签

　　　　　　使用label定义标签作用是，当用户单击<label>所生产的标签时，该标签关联的表单控件

　　　　　　就会获得焦点。让标签和表单控件关联有两种方式。

　　　　　　　　隐式使用for属性：指定<label>元素的for属性值为所关联表单控件的id属性值。

　　　　　　　　显示关联：将普通文本、表单控件一起放在<label>元素内部即可。

　　　　　　　　代码：

　　　　　　　　　　//隐式

　　　　　　　　　　<label for="username">单行文本框：<label>

　　　　　　　　　　//显示

　　　　　　　　　　<input id="username" name = "username" type="text"/><br/>

　　　　　　　　　　<label>密码框：<input id="password" name="password" type="password"/>

　　　　　　　　推荐使用隐式的方式来关联表单控件

 

3.1.4　　使用button定义按钮

　　　　　　<button>元素可以指定如下几个属性：

　　　　　　　　disabled：指定是否禁用此按钮。该属性值只能是disabled，或者省略属性值。

　　　　　　　　name：指定该按钮的唯一名称。该属性值应该与id属性值保持一致。

　　　　　　　　type：指定该按钮属于那种按钮，该属性值只能是button、reset或submit其中之一。

　　　　　　　　value：指定该按钮的初始值。此值可通过脚本进行修改。

 

3.1.5　　列表框和下拉菜单

　　　　　　<select>元素用于创建列表框或下拉菜单，该元素必须和<option>元素结合使用，每个

　　　　　　<option>元素代表一个列表项或菜单项。<select>元素可以指定如下几个属性：

　　　　　　　　disabled：设置禁用该列表框和下拉菜单，该属性的值只能是disabled或省略属性值。

　　　　　　　　multiple：设置该列表框和下拉菜单是否允许多选，该属性的值只能是multiple，即

　　　　　　　　　　　　　表示允许多选。一旦设置允许多选，<selec>元素就会自动生成列表框。

　　　　　　　　size：指定该列表框内可同时显示多少个列表项。一旦指定该属性，<select>元素就会

　　　　　　　　　　　自动生成列表框。

　　　　　　<select>元素只能包含如下两种子元素：

　　　　　　　　<option>：用于定义列表项或菜单项。该元素里只能包含文本内容作为该选项的文本。

　　　　　　　　<optgroup>：用于定义列表项或菜单项组。该元素里只能包含<option>子元素，处于

　　　　　　　　　　　　　　　<optgroup>里的<option>元素就属于该组。

　　　　　　　　<option>元素可以指定如下几个属性：

　　　　　　　　　　disabled：指定禁用该选项，该属性的值只能是disabled。

　　　　　　　　　　selected：指定该列表项初始状态是否处于被选中状态。该属性的值只能是selected。

　　　　　　　　　　value：指定该选项对应的请求参数值。

　　　　　　　　<optgroup>元素可以指定如下几个属性：

　　　　　　　　　　label：指定该选项组的标签。这个属性必填。

　　　　　　　　　　disabled：设置禁用该选项组里的所有选项。该属性值只能是disabled或省略该属性值。

　　　　

3.1.6　　使用textarea定义文本域

　　　　　　<textarea>元素与单行文本框不同的是，<textarea>元素不能指定value属性。

　　　　　　<textarea>元素可以指定如下几个属性：

　　　　　　　　cols：指定文本域的宽度，该属性必填。

　　　　　　　　rows：指定文本域的高度，该属性必填。

　　　　　　　　disabled：指定禁用该文本域。该属性值只能是disabled，当此文本域首次加载时禁用此文本域。

　　　　　　　　readonly：指定该文本域只读。该属性值只能是readonly。