概述

• 我们在定义单选框或者复选框的时候，只能通过点击这个选择框选中
• 有了这个label之后可以把这个单选或复选框跟文本描述关联起来，这样点击文字就能选中这个单选框 我们在定义表单时，单选框会有文字描述这个单选框时选着什么的，如下

<p>
    男<input name="sex" type="radio">
</p>
<p>
    女<input name="sex" type="radio">
</p>

问题

这个时候会有两个选项，但是你点的时候。只能点击这个圆圈来选中这个选项，但是我们想要点击这个文字也能选中这个选项。但现在这个文字，跟这个单选框没有任何的关联，得让他有关联才能实现这个效果，这就需要使用label标签

两种用法

使用label标签关联元素后，点击文本也能够选中这个单选框

<p>
    <!-- 第一种是使用label标签，把需要关联的内容包裹起来 -->
    <label>
        男 <input name="sex" type="radio">
    </label>
</p>
<p>
    <!-- 第二种是使用label标签，把文字包裹起来，然后通过里面的for属性，关联表单 -->
    <label for="female">女</label>
    <input id="female" name="sex" type="radio">
</p>