感谢程梦君童鞋,之前我只是知道用label是用于展示文字的。有时候用label也仅是用于给文字加样式,还没有发现,label的另外一个属性的妙用。
比如这个表单,我们想必须点击radio控件,才能选中。后来有人觉得麻烦,我们要点文字,也能控制控件选中,怎么办呢?我们可能会加js,控制,当我们点击文字,执行函数,在函数里选中radio。但如果我们发现label还有一个for属性,我们就会发现我们完全不用这么麻烦。
<html>
<head>
<title>for属性测试</title>
</head>
<body>
<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="0"/>
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" value="1"/>
</form>
</body>
</h