比如那个例子。男人和女人后面都有一个radio按钮。正常情况男人这个label的for属性等于他屁股后面那个radio的id即male，当你鼠标在男人这个词语上点击的时候，就会自动选择上了男人屁股后面这个radio。但是如果你改一下代码，让男人这个label的for属性等于famale，这个时候你点击男人这两个字，会选择上女人后面的radio

意思就是当你点击label标签内的内容时，浏览器会自动将焦点转到和label标签相关的表单控件上。例如：

<label for="name">姓名</label><input id="name" />

当你点击“姓名”的时候，浏览器就把光标定位在了输入框里面。

<label> 标签为 input 元素定义标签（label）。

label 元素不会向用户呈现任何特殊的样式。不过，它为鼠标用户改善了可用性，因为如果用户点击 label 元素内的文本，则会切换到控件本身。

<label> 标签的 for 属性应该等于相关元素的 id 元素，以便将它们捆绑起来。

实例

带有两个输入字段和相关标签的简单 HTML 表单：

<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>

他有什么用呢：有label标签的这一段，点击标签中的文本，可使多选框聚焦。

http://blog.csdn.net/youngerhao/article/details/6946871

这个里面的解释还算容易理解。