为了账号安全,请及时绑定邮箱和手机立即绑定

这样有错吗

任务

我来试试:完成下面任务

要求:慢跑、登山和篮球复选框要与各自的复选项用for属性关联。效果图如下:

<form>

你对什么运动感兴趣:<br/>

   

  <input type="checkbox" name="1" value="慢跑"/>慢跑

  <br />

 

  <input type="checkbox" name="2" value="登山"/>登山

  <br />

  

  <input type="checkbox" name="3  value="篮球"/>篮球

  

</form>

跟标准答案有什么区别

你对什么运动感兴趣:<br />
  <label for="jog">慢跑</label>
  <input type="checkbox" name="jog" id="jog" /><br />
  <label for="climb">登山</label>
  <input type="checkbox" name="climb" id="climb" /><br />
  <label for="basketball">篮球</label>
  <input type="checkbox" name="basketball" id="basketball" />



正在回答

7 回答

你的答案里没有使用label标签。label标签是用来增加鼠标用户体验的,点击label标签的时候,浏览器把焦点自动转移到label标签for属性对应的表单控件上,形同于点击了这个表单控件。然后我还有个问题,我发现这个标准答案的name属性不是统一的,记得前面说过name属性对应了分组,属性的值一样那么就在一个分组里。但是这里这几个选项应该是在同一分组里吧?为什么会用不统一的name属性的值?

1 回复 有任何疑惑可以回复我~
#1

慕粉4333060 提问者

非常感谢!
2016-11-04 回复 有任何疑惑可以回复我~

name值是要统一的!

0 回复 有任何疑惑可以回复我~

label标签不会向用户呈现任何特殊效果,作用:为鼠标用户改进了可行性;

语法<label for="控件id名称">

注意:标签的for属性的值应与相关控件的id属性值一定要相同

0 回复 有任何疑惑可以回复我~

区别在于应用了label元素,点击文字的时候可以 选中/反选 对应的多选框。没有应用label 点击多选框的文字是不能选中/反选 的。注意:label的for值要与input设置的ID值一致

0 回复 有任何疑惑可以回复我~

缺少<form>

0 回复 有任何疑惑可以回复我~

你没有理解label的含义。

label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。


2 回复 有任何疑惑可以回复我~

标准答案用的for属性关联 你写的只是添加了复选框的代码 慢跑、登山和篮球复选框没有与for属性关联

2 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225297    人
  • 解答问题       18230    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

这样有错吗

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信