<form>
<label>你对什么运动感兴趣:</label>
<br/>
<label>慢跑</label>
<input type="checkbox" value="1" name="兴趣" id="慢跑">
<br/>
<label>登山<label>
<input type="checkbox" value="2" name="兴趣" id="登山">
<br/>
<label>篮球<label>
<input type="checkbox" value="3" name="兴趣" id="篮球">
</form>
<form>
<label>你对什么运动感兴趣:</label><br/>
<label for="慢跑">慢跑</label>
<input type="checkbox" name="慢跑" id="慢跑"><br/>
<label for="登山">登山</label>
<input type="checkbox" name="登山" id="登山"><br/>
<label for="篮球">篮球</label>
<input type="checkbox" name="篮球" id="篮球"><br/>
</form>
label for 鼠标不用移到勾选框,点击标签就可以激活该行
label 鼠标必须移到勾选框里才能勾选
一楼正解
在大型网页中点击文字的时候光标需要聚焦的对应的表单上，for可以实现与labal的绑定，外表看没什么分别，大型网站上的会有差距这个和屏幕分辨率也有关系，仔细看文字确实比别的要清晰一点
1楼是正确的。label for点击文字也可进行勾选，但label必须点那个小框框。
输出结果一样,,但是效果不一样
name 和 id 换成英文你再试一试 看看还一样不一样
后一种，点击label文字区域也可以进行多选