`

HTML <label> 标签

    博客分类:
  • web
阅读更多

HTML <label> 标签

定义和用法

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

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

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

实例

带有两个输入字段和相关标记的简单 HTML 表单:

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

 

 

浏览器支持

所有主流浏览器都支持 <label> 标签。

Safari 2 或更早的版本不支持 <label> 标签。

分享到:
评论

相关推荐

    HTML基础代码资源

    3. **基本标签**:HTML的主体内容由一系列元素组成,如段落(`&lt;p&gt;`)、标题(`&lt;h1&gt;`到`&lt;h6&gt;`)、无序列表(`&lt;ul&gt;`和`&lt;li&gt;`)、有序列表(`&lt;ol&gt;`和`&lt;li&gt;`)、图片(`&lt;img&gt;`)等。 4. **块级元素与内联元素**:块级...

    表单验证及<label for>应用

    `&lt;label&gt;`元素在HTML中用于定义一个与表单元素关联的标签,`for`属性则用来指定这个标签所对应的表单元素的ID。这种关联不仅提高了可访问性,使得屏幕阅读器用户更容易理解表单元素的功能,还提供了更好的交互体验,...

    html中label标签的使用

    HTML中的`&lt;label&gt;`标签是网页表单设计中不可或缺的一部分,它主要用于关联一个表单控件,如输入框、复选框或单选按钮等,为用户提供更好的交互体验。`&lt;label&gt;`标签的主要作用在于提高可点击区域,使得用户能够更方便...

    HTML标签解释大全

    &lt;label for="fname"&gt;名字:&lt;/label&gt;&lt;br&gt; &lt;input type="text" id="fname" name="fname"&gt;&lt;br&gt; &lt;/fieldset&gt; ``` ##### 标签:font - **说明**:`&lt;font&gt;` 标签用于指定用于渲染所包含文本的新字体、大小和颜色,但该...

    头歌教学实践平台 Web前端开发基础 HTML-表单类的标签

    7. `&lt;fieldset&gt;`和`&lt;legend&gt;`标签:用于组织表单,`&lt;fieldset&gt;`定义一个区域,`&lt;legend&gt;`为该区域添加标题。 示例: ```html &lt;fieldset&gt; &lt;legend&gt;个人信息&lt;/legend&gt; &lt;!-- 表单元素 --&gt; &lt;/fieldset&gt; ``` 8. ...

    label标签详情用法demo讲解语法详情.docx

    &lt;label&gt; 标签在网页开发中扮演着至关重要的角色,特别是在构建交互式表单时。它的主要作用是为页面上的表单控件提供一个可点击的文本描述,从而提高用户体验,特别是对那些使用辅助技术(如屏幕阅读器)的用户。下面...

    struts<optionsCollection>应用文档+实例

    `&lt;optionsCollection&gt;`是Struts2框架中`&lt;s:select&gt;`或`&lt;s:checkboxlist&gt;`标签的一部分,用于生成HTML的`&lt;option&gt;`元素。其主要属性包括: 1. `list`:这是必须的属性,用于指定包含选项的数据源。可以是一个Action...

    jquery动态禁用label标签.zip

    在这个“jquery动态禁用label标签”的主题中,我们将深入探讨如何使用jQuery来实现对HTML `&lt;label&gt;` 标签的动态控制,包括禁用与启用。 HTML `&lt;label&gt;` 标签用于为表单中的输入元素提供一个描述性的文字标签。当...

    HTML常用标签.pdf

    21. &lt;label&gt;:&lt;label&gt; 标签为 input 元素定义标注(标记) 。 22. &lt;strong&gt;...&lt;/strong&gt;粗体字 (强调 ) 23. &lt;em&gt;...&lt;/em&gt;斜体字 (强调 ) 24. &lt;BLINK&gt; 闪烁的文字 25. &lt;BIG&gt; 显示大字体 26. &lt;CITE&gt;...&lt;CITE&gt; 用于...

    HTML第一章-基本标签

    - `&lt;label&gt;`:与输入元素关联,提高可访问性。 - `&lt;select&gt;`和`&lt;option&gt;`:创建下拉列表。 8. **段落和换行** - `&lt;pre&gt;`:保留内部的空白字符,用于代码展示。 - `&lt;hr&gt;`:水平线。 9. **其他常见标签** - `...

    html标签大全标签用法详解

    `&lt;label&gt;`与`for`属性相结合,能提高表单的可用性。 HTML5引入了许多新特性,如`&lt;canvas&gt;`用于绘制图形,`&lt;audio&gt;`和`&lt;video&gt;`处理多媒体,`&lt;section&gt;`、`&lt;article&gt;`、`&lt;aside&gt;`和`&lt;footer&gt;`增强语义化。 在学习...

    HTML标签帮助文档

    HTML表单由`&lt;form&gt;`标签开启,包括各种输入元素如`&lt;input&gt;`(文本、密码、复选框、单选按钮等)、`&lt;textarea&gt;`(多行文本输入)、`&lt;select&gt;`(下拉列表)、`&lt;option&gt;`(下拉选项)和`&lt;button&gt;`(按钮)等,以及`...

    html标签总结

    - **示例**:`&lt;table&gt;&lt;caption&gt;员工名单&lt;/caption&gt;&lt;tr&gt;&lt;th&gt;Name&lt;/th&gt;&lt;th&gt;Age&lt;/th&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;John Doe&lt;/td&gt;&lt;td&gt;30&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;` #### 居中文本:`&lt;center&gt;` - **作用**:定义居中文本。该标签已废弃,建议...

    Html标签一览表

    HTML标签通常由一对尖括号包围,如`&lt;tag&gt;`和`&lt;/tag&gt;`,其中`&lt;tag&gt;`是标签的开始,`&lt;/tag&gt;`是标签的结束,它们共同构成了一个HTML元素。元素的内容放在开始和结束标签之间,如`&lt;p&gt;这是段落&lt;/p&gt;`。有些标签是自闭合的...

    HTML常用标签代码

    所有的其他HTML标签都应位于`&lt;html&gt;`标签内。 2. `&lt;head&gt;`: 包含文档的元信息,如标题、字符集设置等。它不直接显示在浏览器中,但对网页的运行至关重要。 3. `&lt;title&gt;`: 定义网页的标题,显示在浏览器的标题栏中...

    HTML.rar_HTML 手册_html 标签 手册

    9. **表单元素**:HTML表单允许用户输入数据,如`&lt;form&gt;`定义表单,`&lt;input&gt;`定义各种类型的输入字段(文本、密码、按钮等),`&lt;textarea&gt;`用于多行文本输入,`&lt;label&gt;`关联输入字段和其描述,`&lt;select&gt;`和`&lt;option&gt;...

    html常用标签学习笔记

    `&lt;label&gt;`为输入字段提供描述,`&lt;select&gt;`和`&lt;option&gt;`用于创建下拉列表,`&lt;textarea&gt;`定义多行文本输入。 15. `&lt;br&gt;`:换行标签,用于在文本中插入一个换行符。 16. `&lt;hr&gt;`:水平线标签,用于在页面上添加一条...

    html手册标签大全

    HTML5引入了更多语义化的标签,如`&lt;header&gt;`、`&lt;footer&gt;`、`&lt;nav&gt;`、`&lt;article&gt;`、`&lt;aside&gt;`等,提高了网页的可读性和可访问性。 以上内容只是HTML标签大全的一部分,实际使用中还有许多其他标签,如框架、多媒体、...

    HTML文件,html4的标签学习

    12. `&lt;form&gt;`:用于创建表单,收集用户输入,常用标签包括`&lt;input&gt;`(文本框、按钮等)、`&lt;textarea&gt;`(多行文本输入)、`&lt;select&gt;`(下拉菜单)和`&lt;label&gt;`(标签,关联输入元素)。 13. `&lt;table&gt;`:创建表格,`&lt;tr...

Global site tag (gtag.js) - Google Analytics