如果元素被标签包裹,标签是否需要“for”属性?

2023-11-27

假设我有一台收音机<input>s。我不是穴居人,所以我知道我需要交往<label>和那些<input>s。我喜欢将单选按钮包装在相应的标签中,例如这里列举的原因.

因此,例如:

<fieldset>
    <legend>Should I provide a "for" attribute?</legend>
    <label><input type="radio" name="define_the_for_attribute" id="define_the_for_attribute_yes" value="yes" />Yep, if you know what's good for you</label>
    <label><input type="radio" name="define_the_for_attribute" id="define_the_for_attribute_no" value="no" />Nah, that would be redundant and repetitive</label>
</fieldset>

此包装将相应的单选按钮与标签相关联。我是吗also需要定义标签的for属性?

<fieldset>
    <legend>Should I provide a "for" attribute?</legend>
    <label for="define_the_for_attribute_yes"><input type="radio" name="define_the_for_attribute" id="define_the_for_attribute_yes" value="yes" />Yep, if you know what's good for you</label>
    <label for="define_the_for_attribute_no"><input type="radio" name="define_the_for_attribute" id="define_the_for_attribute_no" value="no" />Nah, that would be redundant and repetitive</label>
</fieldset>

正如所指出的 by @Peter, “label 元素的 for 属性必须引用表单控件”(参见http://www.w3.org/TR/html-markup/label.html),但这可以理解为“如果您指定可选的for属性,它必须引用有效的表单控件”。


根据 HTML5 规范 - “如果未指定 for 属性,但 label 元素具有可标记元素后代,则树顺序中的第一个此类后代是 label 元素的标记控件。”

http://www.w3.org/TR/html5/forms.html#category-label

所以基本上,不,只要它包装以下任何元素就不是必需的:按钮、输入(如果类型属性不处于隐藏状态)、keygen、meter、output、progress、select 或 textarea

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如果元素被标签包裹,标签是否需要“for”属性? 的相关文章

  • 使用 AppleScript 单击 safari 网页按钮

    我想弄清楚如何单击网页中的按钮 例如 点击谷歌网页中的 手气不错 按钮 这是我尝试过的 tell application Safari make new document with properties URL https www goog
  • 从 Django 基于类的视图的 form_valid 方法调用特殊(非 HTTP)URL

    如果你这样做的话 有一个 HTML 技巧 a href New SMS Message a 点击新短信打开手机的本机短信应用程序并预 先填写To包含所提供号码的字段 在本例中为 1 408 555 1212 以及body与提供的消息 Hel
  • CSS 背景在 iOS 中拉伸以填充高度,但滚动上有空白

    这个 CSS 让我的背景在 iOS 中填充 100 的屏幕高度 但有一个小问题 当你向下滚动时 最初有空白 然后当你松开手指并停止滚动时 背景图像会 调整 并填充 100再次屏幕高度的 如果您继续滚动 该问题不会在同一页面上再次出现 只是第
  • 带有 HTML 的 UIActivityViewController

    当我将包含 HTML 内容的字符串作为数组元素传递给UIActivityViewController initWithActivityItems方法中 它不会在选定的 共享 控制器中将其呈现为 HTML 而是呈现 HTML 源 即标记而不是
  • Facebook Instant Game - 上传捆绑的 zip 文件会导致 Web 托管出现 SDK 参考错误

    当我尝试上传简单的游戏 应用程序时 我收到一条错误消息 游戏必须通过我们的 CDN 引用我们支持的 SDK 之一 不过我已经给出了 SDK 参考 难道不是这个吗 我也浏览了 facebook 文档的 SDK 参考 但它对我不起作用 有人以前
  • HTML5 画布在缩放和旋转后平移

    我正在尝试用画布做一些事情 首先 我让用户上传图像 如果图像比我想要的大 我需要将其缩小 那部分工作得很好 最近我们遇到了 iPhone 用户上传图像的问题 这些都存在方向问题 我已经弄清楚如何提取方向 我的问题是当我操纵画布中的图像时会发
  • 让屏幕阅读器读取使用 JavaScript 添加的新内容

    加载网页时 屏幕阅读器 例如 OS X 中的屏幕阅读器或 Windows 上的 JAWS 中的屏幕阅读器 将读取整个页面的内容 但是假设您的页面是动态的 当用户执行操作时 新内容就会添加到页面中 为了简单起见 假设您在某个位置显示一条消息
  • HTTPS 网站上的 ShareThis 按钮不可点击

    我已将 共享此 按钮添加到我的安全站点 现在单击它们时会产生错误 下面提到了错误 以前有人遇到过这个问题吗 阻止加载混合活动内容 http w sharethis com button buttons js http w sharethis
  • ng-form 和自动完成=“关闭”

    我有一个像这样的有角度的形式
  • ion-textarea 在 Ionic 5 中动态调整高度

    我正在将我的项目从 Ionc3 迁移到 Ionic5 我有一个 ion textarea 它会随着用户键入而增加高度 并且它在 Ionic3 中工作 以下是代码 HTML 页面
  • 从 html 页面打印表格

    我有一个 html 页面 需要将表格发送到打印机 我现在正在使用 window print 但这会打印整个页面 而我只需要打印表格 有任何想法吗 您可以使用媒体类型 打印 http www w3 org TR CSS21 media htm
  • 将文本链接转换为超链接和锚文本

    我有一个关于将文本链接转换为超链接的问题 我通过使用此链接中的代码成功完成了此操作 如何用链接替换普通 URL https stackoverflow com questions 37684 how to replace plain url
  • 错误 102 (net::ERR_CONNECTION_REFUSED):服务器拒绝连接 [关闭]

    Closed 这个问题需要调试细节 help minimal reproducible example 目前不接受答案 我开发了 Facebook 应用程序 它克隆了我网站的注册和登录部分 用户可以通过 Facebook 注册或登录我的网站
  • 浏览器会尝试解析 img>

    是否有可能或有可能img标签 或任何其他要解析的 当 lt 标签前面有几个字符 或者可能被省略 这种情况会发生在任何著名的 HTML 解析器中吗 例如 div test div Where test可以是任何包含 gt 但不是一个 lt 例
  • 由javascript创建的css动画[关闭]

    Closed 这个问题需要细节或清晰度 help closed questions 目前不接受答案 我试图在按下按钮时创建一个带有 css3 动画计时器的 div 继承人的代码 http jsfiddle net arcco96 y5nov
  • XAMPP 中的根路径

    我遇到这个问题已经有一段时间了 并且广泛寻找答案但没有成功 img src images test jpg 从 根路径 在我的例子中是在 LAMP 中的生产中 获取图像 htdocs images test jpg 无论是从 htdocs
  • 为什么音频自动播放在 Google Chrome 中不起作用?

    我正在尝试在页面刚刚打开时自动播放音频文件 我的浏览器是谷歌浏览器更新到最新版本 这是代码
  • 更改导航栏悬停时 div 的背景图像

    我正在开发一个项目 我对 Javascript 很陌生 所以我想知道是否有 Jquery 代码或只是一个关于如何使背景图像在导航菜单悬停时更改的过程 例如将鼠标悬停在链接一上会将 div 的背景图像更改为图像 1 将鼠标悬停在链接二上会将
  • 在 Div 的两个顶角创建一个三角形,用边框划分

    通过遵循以下问题和答案 我能够在 div 的右上角获得一个三角形 Div 中的右上角三角形 https stackoverflow com questions 18531959 how to create triangle shape in
  • 当页面上没有嵌入特定文件时,如何使用R从网页下载文件

    当没有使用 R 中的 download file 上传的特定文件时 是否有任何可能的解决方案从任何网站提取文件 我有这个网址 https www fangraphs com leaders aspx pos all stats bat lg

随机推荐