首页 > 代码库 > HTML:form表单中的label标签

HTML:form表单中的label标签

label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。

语法:

<label for="控件id名称">

注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

例子如下:

<form>
	你对什么运动感兴趣:<br />
	<label for="jog">慢跑</label>
	<input type="checkbox" name="jog" id="jog" /><br />
	<label for="climb">登山</label>
	<input type="checkbox" name="climb" id="climb" /><br />
	<label for="basketball">篮球</label>
	<input type="checkbox" name="basketball" id="basketball" />
</form>


HTML:form表单中的label标签