label起什么作用?

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

慕数据0884462

2016-12-13 15:50

一直不懂<label>是干嘛用的 为什么有for="username"?

写回答 关注

5回答

  • 爱吃猫的禹鱼
    2016-12-13 15:59:08
    已采纳

    <label> 标签为 input 元素定义标注(标记)。label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性相同。实例带有两个输入字段和相关标记的简单 HTML 表单:<form>  <label for="male">Male</label>  <input type="radio" name="sex" id="male" />  
     <label for="female">Female</label>  <input type="radio" name="sex" id="female" /></form>

    慕数据088...

    非常感谢!

    2016-12-13 17:21:05

    共 1 条回复 >

  • _雨寂伞下又一个晴天_0
    2016-12-13 16:08:06

    label就当一个文本输入使用就行。for="username"里的username是和后面的id=“username”匹配的,一致的话,在浏览器中才能点选该label文本。

  • qq_猜不透_8
    2016-12-13 16:03:17

    label标签内的内容相当于一个控件,没有任何特殊效果,只是单击方便浏览器的自动选择

  • qq_简_21
    2016-12-13 15:57:19

    通俗来讲就是鼠标经过的范围都是lable的内容,聚焦作用

  • 慕粉091659914
    2016-12-13 15:54:35

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

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

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

1225808 学习 · 18234 问题

查看课程

相似问题