lable随堂笔记

lable标签与属性

lable标签：for属性，让标签与指定的input元素建立标签；将input元素包含在lable标签中。

<table border="2" align="center" style="background:pink;padding:0px;">

<tr>

	<td>

		<form action="">

			<h3>你喜欢哪些课</h3>

			<input type="checkbox" name="dx" value="A" id="A" >

			<label for="A">平面设计</label>

           <label> <input type="checkbox" name="dx" value="B">平面设计1</label>

            <input type="checkbox" name="dx" value="C">平面设计2

            <input type="checkbox" name="dx" value="D">平面设计3

		</form>

	</td>

	</tr>

</table>

两种方式，都能直接点击选项汉字便可以选中。

lable属性：设置optgroup的分组名称,在option元素中可以设定比标签内容更优先的选项。

<form action="" autocomplete="on">

<h4>查找课程</h4>

<input type="submit" value="搜索">

<select name="ss">

<optgroup label="html5系列">

    <option value="html5" label="Html5学习">html5</option>

	<option value="css">css</option>

	<option value="js">js</option>

</optgroup>

 <optgroup label="后端语言">

 	<option value="c++">c++</option>

	<option value="java">java</option>

 </optgroup>

</select>

</form>

在下拉菜单中lable属性值就相当于组名。