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属性值就相当于组名。