上一节为什么要用label

来源:6-2 先来填用户名和密码 - 文本输入框、密码输入框

bengbengbeng

2016-07-20 13:39

前一节中账号密码使用label写的,跟这一节直接写有什么差别

写回答 关注

6回答

  • 渐渐长大
    2016-07-20 13:45:21
    已采纳

    <label> 标签为 input 元素定义标注(标记)。

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

    "for" 属性可把 label 绑定到另外一个元素。

    <label> 标签的 for 属性应当与相关元素的 id 属性相同。

    比如这个例子:

    <form>  

     <label for="male">Male</label>
     <input type="radio" name="sex" id="male" />
     <br />  

     <label for="female">Female</label>
     <input type="radio" name="sex" id="female" />
    </form>

    bengbe...

    非常感谢!

    2016-07-24 13:31:08

    共 1 条回复 >

  • Libertyindeath
    2016-07-20 13:54:18

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

    打个比方

    <label for="male">Male</label>

      <input type="radio" name="sex" id="male" value="male">

    这是一个单选框,点击Male文字也是可以选择这个选项。如果

    Male

    <input type="radio" name="sex" id="male" value="male"><br>

    这样的话就必须点击右侧的单选按钮才可以选择

  • 慕粉3620260
    2016-07-20 13:51:12

    上一节没有展现label标签的绑定功能也就是for属性,而本节则是讲解了他这一属性的用法和功能

  • 皱皱眉
    2016-07-20 13:50:27

    label标签的for属性将label元素跟它对应的另一元素(如input元素)进行了绑定

  • weibo_有兔牙的小妮子_03691093
    2016-07-20 13:49:06

    如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该 label标签相关连的表单控件上)。

  • qq_千山暮雪_13681212
    2016-07-20 13:48:22

    用labelb标签是标识  不用只是输出内容

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

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

1225806 学习 · 18234 问题

查看课程

相似问题