这两个代码有什么区别？输出结果一样啊-慕课网

这两个代码有什么区别？输出结果一样啊

来源：6-8 使用label为input标签穿上衣服

月影书华

2016-07-12 15:03

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

写回答关注

7回答

landfarz

2016-07-12 15:11:26

已采纳

label for 鼠标不用移到勾选框,点击标签就可以激活该行
label 鼠标必须移到勾选框里才能勾选

1 4

月影书华

非常感谢！

2016-07-12 18:27:42

共 1 条回复 >
旅隼

2016-07-12 15:24:15

一楼正解

0 0
1996青年

2016-07-12 15:17:55

在大型网页中点击文字的时候光标需要聚焦的对应的表单上，for可以实现与labal的绑定，外表看没什么分别，大型网站上的会有差距这个和屏幕分辨率也有关系，仔细看文字确实比别的要清晰一点

0 0
3笠阿克曼

2016-07-12 15:17:19

1楼是正确的。label for点击文字也可进行勾选，但label必须点那个小框框。

0 0
慕粉3330627

2016-07-12 15:14:17

输出结果一样,,但是效果不一样

0 0
慕粉3597722

2016-07-12 15:11:04

name 和 id 换成英文你再试一试看看还一样不一样

0 0
青木秋雨

2016-07-12 15:10:53

后一种，点击label文字区域也可以进行多选

0 0