label标签的作用—— for

label标签的作用—— for

简单举个栗子

男<input type="radio" name="sex" id="male"/>
女<input type="radio" name="sex" id="female"/>

运行如下，当我们点击任意一个小圆点，就会有选中效果

但我们可以看到，想要通过点击文字选中是不行的

于是像下面这样，我们在文字上添加 label 标签，并用 for 来绑定相应的 input 标签中的 id
例如下面的 for=“male” 中的 male 对应 input 标签中的 id = “male”

<label for="male">男</label><input type="radio" name="sex" id="male"/>
<label for="female">女</label><input type="radio" name="sex" id="female"/>

这样一来，就可以通过文字选中单选框，对于鼠标点击的用户更加便捷，增强用户体验感