<标签>关于复选框：是否有更多网站不使用它的原因？

Question

我总是尝试执行以下操作：

<label><input type="checkbox" /> Some text</label>

或者

<label for="idOfField"><input type="checkbox" id="idOfField" /> Some text</label>

我的问题与标签标记相关，特别是在复选框上。

大多数网站（我想说 >40%）不使用 标签。

是否有一个原因？ 是浏览器有问题还是其他问题？

注意：如果人们不知道标签，它有很多优点：

• 复选框和标签。 收音机：您可以单击文本以及复选框来选中复选框（以及我相信的焦点）：Blah blah blah
• 其他输入：如果您单击文本，它将聚焦输入（文本区域、文本、文件） （此功能不如复选框和单选按钮有用）

注释 2： 有些人提到示例 #2 比示例 #1（上面）更正确，但根据文档 此处，任一正确

Answer 1

某些较旧的浏览器不解释 for 属性，而是要求将表单元素嵌套在 label 标记内。

Answer 2

在网站上工作的开发人员不知道 标签的存在。

Answer 3

大多数网站都是由那些只做让网站按照他们认为应该的方式工作的人创建的。 处理流程是：

1. 尝试一下。
2. 在浏览器中加载它，看看有什么问题。
3. 在谷歌上搜索修复程序。
4. 重复。

由于这些人中的大多数人从未尝试在不使用鼠标的情况下集中任何输入，因此问题永远不会变得明显。

Answer 4

优点是显而易见的，但我认为大多数人都不知道它，因为标签似乎没有传达任何具体信息。 您可以明显看到使用强标签的优势，因为它使文本看起来粗体，但标签标签呢？ 你不会注意到有什么不同。

Answer 5

因为这是一个被低估的标签，应该得到更多关注。 当您使用它（提高可访问性）时，不要忘记 tabindex 属性。

Answer 6

我认为这可能是人们不了解 的一个因素。 标签。 我没有，直到这篇文章。

Answer 7

我同意标签通常是未知的标签。
我在表单中使用它

<label for="chk1">Some text</label><input id="chk1" type="checkbox"/>

for 属性让用户单击标签也可以选择具有相应 id（不是名称）的复选框，并且不会被 annidate 我可以更好地使用 CSS 控制布局。

不过我会尝试你的解决方案

Answer 8

据我所知，使用 没有任何缺点。 过去几年我经常使用它。

实际上有 3 种方法可以设置标签，前两种与您在问题中给出的方法相对应：

<label for="xa">XA: <input type="text" id="xa" /></label><br />
<label for="xb">XB:</label> <input type="text" id="xb" /><br />
<label>XC: <input type="text" id="xc" /></label>

上述所有 3 种方法都适用于 FF3 和 IE7。 我记得出于某种原因，我在心里将最后两个标记为“要避免，只能部分工作”。 因此我敢打赌只有第一个可以在 IE6 中运行。

澄清一下：“最好”的方法是我的示例#1，你的示例#2。