html中的label标签使用方法

我们都知道一个完整的表单是由表单标签<form></form>与其中包裹的各种表单控件组成的，那么LABEL标签就是一种常见的表单控件了。

 <form>
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" />
  <br />
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" />

  </form>

表单控件都是内联元素所以他俩会在一行显示。在网页中当我们点击Male字样或单选框时都会选中单选框radio，这个就是label标签的功能了。说白了label标签就是他所关联的表单控件的延伸，即鼠标点击了他，就会出现和点击他所关联的表单控件一样的效果。而这前提是label的for属性的属性值与想要关联的表单控件的id一样。