问答详情
源自:6-8 使用label为input标签穿上衣服

这样有错吗

任务

我来试试:完成下面任务

要求:慢跑、登山和篮球复选框要与各自的复选项用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" />



提问者:慕粉4333060 2016-11-04 14:23

个回答

  • 慕粉4342854
    2016-11-04 14:36:56
    已采纳

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

  • Blizzard_lihe
    2016-11-08 14:05:25

    name值是要统一的!

  • 星潼
    2016-11-04 18:06:41

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

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

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

  • 人生若只如初见___
    2016-11-04 14:38:59

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

  • treeps
    2016-11-04 14:37:38

    缺少<form>

  • 夜雨寄北丶
    2016-11-04 14:36:31

    你没有理解label的含义。

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


  • 慕工程6042343
    2016-11-04 14:34:34

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