今天发才现了html中的label标签的一个有用的属性for。

for属性是与其他元素的id属性相对应的，必须和另外一个元素的id值一样，只有这样才能发挥作用。

看以下代码

  1: <form>
  2:   <label for="male">Male</label>
  3:   <input type="radio" name="sex" id="male" />
  4:   <br />
  5:   <label for="female">Female</label>
  6:   <input type="radio" name="sex" id="female" />
  7: </form>

一般情况下，我们都会直接把male和female写出来，而不会再用个falbe标签。

但是假如用了label标签，并指定了for属性。这样做的好处是。

当你点击label for=”male”时和点击 imput type=”radio” id=”male”效果是一样的。

也就是说这个label标签和与他id一样的元素绑定了，他们的事件一样

所以这个label就是(for)为了另一个元素的