表单标签不懂

来源:6-1 使用表单标签,与用户交互 - 使用<form>创建表单

墨格

2016-09-19 21:16

lable for 是什么意思,是表单标签课程里的,这句<label for="username">用户名:</label>是什么意思啊

写回答 关注

5回答

  • qq_又见_04007441
    2016-09-19 21:29:18

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

  • 阿毛儿
    2016-09-19 21:28:57

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

    比如课程里的代码:

    <form>
    <label for="email">输入你的邮箱地址</label>

     <input type="email"  id="email"  placeholder="Enter email">
    </form>

    你点课程里的运行结果,对应的是这行:

    http://img.mukewang.com/57dfe7510001952806470060.jpg

    “输入你的邮箱地址”几个字就是id为email的文本输入框(input type="email"  id="email"  )的label,你用鼠标点击“输入你的邮箱地址”几个字,鼠标光标自动移到了输入框里,这就是为你使用起来更方便。

    以上就是label for的意思和用法。

  • pherz
    2016-09-19 21:24:40

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

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

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


  • 慕仙6263483
    2016-09-19 21:22:31

    就是你鼠标不点小圆点,点文本也可以选中

  • weibo_一脸懵逼Oo_04021341
    2016-09-19 21:20:37

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

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

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


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

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

1225309 学习 · 18230 问题

查看课程

相似问题