我应该将输入元素放在标签元素内吗?

2023-12-23

是否有关于嵌套的最佳实践label and inputHTML 元素?

经典方式:

<label for="myinput">My Text</label>
<input type="text" id="myinput" />

or

<label for="myinput">My Text
   <input type="text" id="myinput" />
</label>

来自W3的HTML4规范 http://www.w3.org/TR/html401/interact/forms.html#edef-LABEL:

标签本身可以放置在标签之前、之后或周围。 相关控制。


<label for="lastname">Last Name</label>
<input type="text" id="lastname" />

or

<input type="text" id="lastname" />
<label for="lastname">Last Name</label>

or

<label>
   <input type="text" name="lastname" />
   Last Name
</label>

请注意,当使用表格进行布局时,无法使用第三种技术,其中标签位于一个单元格中,而其关联的表单字段位于另一个单元格中。

任一者均有效。我喜欢使用第一个或第二个示例,因为它为您提供了更多的样式控制。

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

我应该将输入元素放在标签元素内吗? 的相关文章

  • 删除 HTML5 离线应用程序缓存

    我有一个带有关联的应用程序缓存清单的 HTML 文档 但现在我想暂时摆脱离线应用程序缓存 如果我从清单中删除对清单的提及标签 已经有缓存版本的浏览器将继续使用该缓存版本 如果我更新应用程序缓存清单 无论如何 仍然有一个应用程序缓存 删除离线
  • 如何在 Perl CGI 程序中进行分页和排序?

    这是我从 SQLite 数据库检索数据的表 它有很多记录 所以在 添加 按钮附近我需要类似的东西 lt lt gt gt 每当我点击时 它就会执行分页功能 另外 除了表每个标头 例如 UserName UserId 之外 我还需要排序 按钮
  • 在java中将HTML转换为RTF?

    我需要将 HTML 转换为 RTF 我正在使用以下代码 private static String convertToRTF String htmlStr OutputStream os new ByteArrayOutputStream
  • 通过标记或JS强制下载

    假设我在 CDN 来自 Rackspace 的云文件 上有一个文件 以及一个包含该文件链接的静态 html 页面 有什么方法可以强制下载此文件 以防止它在浏览器中打开 例如 mp3 我们可以让我们的服务器读取该文件并将相应的标头设置为 he
  • 如何替换 CSS 表达式

    我有一个用于时间表条目的旧 ASP Web 应用程序 其中充满了 CSS 表达式 它们出现在 CSS 文件中 ApptPage position relative height expression Math max document bo
  • 如何在 dash/plotly 中使用 iframe? (Python/HTML)

    我正在创建一个仪表板 我想使用这个交互式地图 网站链接 https www ons gov uk peoplepopulationandcommunity healthandsocialcare causesofdeath articles
  • PHP、MySQL 验证故障且搜索不起作用?

    我创建了一个小的注册粘性表格 一切工作正常 但如果我输入任何错误的值 例如姓名中的数字 年龄中的字母甚至错误的电子邮件格式 那么数据仍然保存在数据库中 我无法找出验证问题 另外一个是搜索选项 每当我在搜索框中输入任何名字或姓氏时 它都应该显
  • 将带有 rowspan 和 colspan 的 XHTML 表转换为 LaTeX

    我一直在寻找将 HTML 表格转换为 LaTeX 的合适解决方案 我发现以下问题与我的要求相似 XML 表到 LaTeX https stackoverflow com questions 27021926 xml table to lat
  • 为什么变量 1 += 变量 2 比变量 1 = 变量 1 + 变量 2 快得多?

    我继承了一些 Python 代码 用于创建巨大的表 最多 19 列宽 5000 行 花了九秒用于在屏幕上绘制表格 我注意到每一行都是使用以下代码添加的 sTable sTable n GetRow where sTable是一个字符串 我将
  • 在用户单击之前图像不会绘制在画布上?

    我使用执行类似以下操作的函数绘制几张图像 context drawImage img width 2 1 height 2 1 width height 我读过 我需要等待图像加载后才能绘制它 如下所示 img onload functio
  • html2canvas z-index 不起作用

    我正在使用 html2canvas 库将 div 转换为 png 我有一个关于z index 正如你在图片上看到的 我有盒子 在一个盒子里我有一个用于背景着色的 div z index 0 它随着高度值和数字的 div z index 1
  • HTML5 输入类型范围,带有最小值滑块、最大值滑块和刻度

    我必须实现 HTML5 输入类型 Range
  • 使用 CSS 创建互锁的不规则边框

    我有一个由 4 个 互锁 div 组成的布局 如下所示 我想在 顶部 和 底部 位周围放置边框 以使最终布局如下所示
  • 为什么 Chrome 80 会导致这个 grid-template-rows: auto 问题

    有人知道最新的 Chrome 80 更新有什么变化吗 似乎 grid template rows auto 即使标记中不存在给定行 从现在开始也会占用一些空间 仅发生在 Chrome 80 上 l page display grid gri
  • jquery - 查找仅包含文本而没有任何其他 html 标签的元素

    我需要使用 jquery 检查锚元素中是否只有文本 而不是任何其他标签 img b 或任何其他内容 a href TV a 应该可以找到 但是 a href img a or a href span TV span a 或任何其他 HTML
  • HTML5 Canvas - 在画布上绘图、保存上下文并稍后恢复

    要求 现在 在画布上绘制 然后点击 保存 存储画布状态 离线绘制 但不作为图像 稍后 打开画布并显示之前保存的绘图 然后继续再次绘制 对于绘图 我们通常使用如下代码 canvas document getElementById can ct
  • Bootstrap 多选限制问题

    我使用创建了一个多选下拉列表引导多选 http davidstutz github io bootstrap multiselect 我需要在选项选择中设置一个限制 这里我将其设置为 5 如果达到限制 我只需禁用其他选择选项 它就可以完美工
  • 检测滚动到 DIV 底部

    我想检测我是否到达了 div 的底部 我的 div 高度为 400px 溢出隐藏 我不知道正常高度但超过400px 我正在使用这段代码 但它不起作用 任何想法 if article txt scrollTop article txt hei
  • 使用 Python 和 lxml 从 HTML 中删除类属性

    Question 如何使用 python 和 lxml 从 html 中删除类属性 Example I have p class DumbClass Lorem ipsum dolor sit amet consectetur adipis
  • JQuery 循环遍历动态元素并获取数据值

    我正在尝试使用可折叠面板来完成我的要求 sport on click function var thisId this attr id var thisChildren this sportlist thisChildren each fu

随机推荐

  • 缓慢/跳跃地调整大小

    我使用简单的渐变扩展 JComponent 并调整 PaintComponent 方法制作了自己的 BottomBar 然后我将它添加到使用 BorderLayout 的 JFrame 的南部 一切一开始看起来都是正确的 当我调整框架大小时
  • 如何在android中获取纬度和经度?

    android2 3 3中如何获取当前的经纬度 我尝试跟随this https stackoverflow com questions 2227292 how to get latitude and longitude of the mob
  • 当使用实体框架代码优先映射属性到单独的表时,移动外键字段

    使用代码优先 EF 映射表时遇到奇怪的问题 我有一个父类 Contract 与另一个类 Supplier 具有多对一关系 要求在合同实体中存储合同的扫描副本 为了避免每次都查询文档字节 我想将此属性存储在单独的表中 我可以让 EF 将 Co
  • 为什么我的“事件”总是空?

    我正在尝试连接一个新事件 但由于某种原因 更改 总是评估为空 public class MyTreeViewItem INotifyPropertyChanged private MyTreeViewItem parent public M
  • Windows 批处理中的 if/then/else 语句

    在 shell 脚本中我有以下代码 if echo Mr 32 then echo Success else echo Failed exit fi Windows 批处理文件的等效语法是什么 我很难想象 ECHO 何时会失败并返回 ERR
  • 将布尔值绑定到视觉状态

    我正在使用表达式混合 当列表框没有元素时 我想将文本框的状态更改为红色边框和红色文本 因此 当文本更改时 我会过滤列表框 private void OnIPAddressTextChanged object sender System Wi
  • 启动 docker 守护进程监听特定端口的正确方法

    我是 Docker 新手 希望以守护进程模式启动它 监听特定的 IP 地址和端口 在里面文档 https docs docker com reference commandline daemon 据说这可以通过写来完成sudo usr bi
  • 关于AMR音频文件在不同设备上播放的问题

    我这里遇到了一个很奇怪的问题 我正在开发一个IM软件 需要在Android上播放另一个客户端录制的音频文件 我得到的相同音频文件可以在 3GS IOS 4 2 1 设备和模拟器 4 2 上使用 AVAudioPlayer 播放 但是当我尝试
  • 如何在gmake中返回变量的第一个字符

    使用 GNU 的 make 我想提取变量的第一个字符 目前我正在使用 shell 函数bash执行子串 我想知道是否有办法使用 gmake 的内置函数来执行相同的操作 DIR user shell echo USER 0 1 USER 这不
  • ViewModel 在 Activity 之间共享数据

    我正在使用 android viewmodel 但我无法从另一个活动传递和访问活动视图模型的数据 我只能用片段来做到这一点 我应该使用像 EventBus 这样的库在几个活动之间共享数据吗 最佳实践是什么 None
  • Libgdx,使用 Shader 的 Alpha 文本不起作用

    我在使用舞台操作在文本 使用着色器 中应用 alpha 时遇到一些问题 我正在使用添加窗口演员和窗口添加标签演员的组 我组中的其他演员应用 Actions alpha 工作得很好 但我的标签 使用着色器绘制 不起作用 与其他小部件不同的是我
  • SQL Server 理解 SCOPE_IDENTITY()

    我在存储过程中有这段代码 BEGIN SET UserId NULL IF Username IS NOT NULL BEGIN EXECUTE SP ADD USER Username UserId OUTPUT END EXECUTE
  • 使用带有字节计数的 textwrap.wrap

    我怎样才能使用textwrap在行达到一定字节数之前分割的模块 不分割多字节字符 我想要这样的东西 gt gt gt textwrap wrap bytewidth 10 结果取决于所使用的编码 因为每个字节数 字符是编码的函数 在许多编码
  • 如何将一个 64 位整数存储在两个 32 位整数中并再次转换回来

    我很确定这只是一些按位运算的问题 我只是不完全确定我应该做什么 并且所有搜索都会返回 64 位与 32 位 pack u32 x y u64 v u64 x lt lt 32 y unpack x u32 v 0xFFFFFFFF00000
  • 拼写检查仅替换文本框中的第一个单词

    我知道我以前在某个地方见过这个问题 但我不确定当时是否有答案 我正在尝试将拼写检查添加到TextBox在 WPF NET 4 0 中 它在查找和标记不正确的单词方面效果很好 并且会替换单词中的第一个单词TextBox如果不正确 不过 任何超
  • IBOutlet 是否需要是一个属性并被合成?

    在大多数示例中 我看到 IBOutlet 的以下设置 Example A FooController h interface FooController UIViewController UILabel fooLabel property
  • dart 中隐式强制转换运算符的语法是什么?

    我想将自定义类 A 的实例强制转换为 int 隐式强制转换运算符的语法是什么 我以为我记得有这样的功能 但我在网上找不到它 int a new A 您还可以使用as帮助告诉工具 不 真的 将此对象视为此类型 一个很好的例子是当你必须处理 d
  • 如何在 Ansible 中循环库存并分配价值

    我的 Ansible 剧本中有一个任务 我想要迭代我拥有的组中的每个主机 并且对于每个主机 我想从我在 vars 文件夹中创建的主机名列表中分配一个名称 我已经熟悉通过编写循环来循环库存 groups mygroup 并且我有一个主机名列表
  • CoordinatorLayout 中的 WebView 和 CollapsingToolbarLayout

    我想在 CoordinatorLayout 中添加一个 WebView 在 AppBarLayout 中添加 CollapsingToolbarLayout 问题是 WebView 的高度缩小了 并且没有填充工具栏下方的空间 从而使其无法使
  • 我应该将输入元素放在标签元素内吗?

    是否有关于嵌套的最佳实践label and inputHTML 元素 经典方式