for="jog"是什么意思

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

SAGEGSDAGESE

2016-02-18 20:41

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

其中的for="jog"是什么意思?

写回答 关注

4回答

  • _heyshadow
    2016-02-18 20:56:49
    已采纳

    在英文中jog是慢跑的意思,是自己定义的慢跑对应的控件id名称。

    该小节中有讲到语法<label for="控件id名称">

    在你提问的代码中,

    <input type="checkbox" name="jog" id="jog" /><br />这是一个复选框

    此处 jog就是这个复选框的id。复选框就是一个控件,所以为了触发控件,用<lable for="控件id名称">将文本慢跑跟复选框相关联起来。

    该小节提示注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

    所以你提问中第一行代码<label for="jog">慢跑</label>

    中也必须是jog而不是其他的什么id名称。

    _heysh... 回复SAGEGS...

    你能理解我的意思就好 哈哈~

    2016-02-18 20:59:59

    共 2 条回复 >

  • _heyshadow
    2016-02-18 20:56:54

    在英文中jog是慢跑的意思,是自己定义的慢跑对应的控件id名称。

    该小节中有讲到语法<label for="控件id名称">

    在你提问的代码中,

    <input type="checkbox" name="jog" id="jog" /><br />这是一个复选框

    此处 jog就是这个复选框的id。复选框就是一个控件,所以为了触发控件,用<lable for="控件id名称">将文本慢跑跟复选框相关联起来。

    该小节提示注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

    所以你提问中第一行代码<label for="jog">慢跑</label>

    中也必须是jog而不是其他的什么id名称。

  • 发炎君
    2016-02-18 20:49:34

    记住:label标签和input标签是一一对应的,含有for="jog"的label标签与id="jog"的input标签为一对。


  • nancy_0401
    2016-02-18 20:46:29

    语法:

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

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

    效果 : 

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


    SAGEGS...

    选项框旁边的显示字 是不是就属于相关联的表单控件

    2016-02-18 20:50:34

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

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

1225811 学习 · 18234 问题

查看课程

相似问题