label标签的for属性用法

来源：互联网发布：怎么查看淘宝开店时间编辑：程序博客网时间：2024/06/05 17:21

会用for属性的人就不要看了

<label>标签的for属性格式

描述：设置或获取给定标签对象指定到的对象。

一般用在输入框，单选框，复选框等地方

注意for的值要与所用控件的Name值对应

用实例来演示，看后就明白了

[xhtml] view plaincopyprint?

<html>
<body>
<fieldset>
<legend>item：</legend>
<form>
<label for="name">name：</label><input type="text" id="name" />
<label for="man">男 </label><input type="checkbox" name="man" id="man"/>
<label for="woman">女 </label><input type="checkbox" name="woman" id="woman"/>
</form>
</body>
</html>

当我们运行后，首先我们单击用户名时就会发现和直接单击输入框一样都可以使光标定位到输入框里

当单击复选框男或者女时效果和我们直接单击复选框打勾的效果一样都可以进行打勾操作

这就是for属性的用法，很简单