在HTML中使用<label>是否很重要？</label>

Question

请原谅我可能非常愚蠢的问题，但我的好奇心正在扼杀我，而且我是新手，但是你在标记中使用了重要的标签，为什么？

即。

<label for="birthdate">Birthdate:</label>
<input type="text" id="birthdate" name="birthdate" />

为什么我必须标记此输入，为什么它对用户有益，为什么对将来的使用有益，或者是搜索引擎优化的事情。这就是我真正想知道的事情：）

Answer 1

这有很多重要原因：

• 点击标签会集中在
  文本字段，这是很多东西 用户期望。
• 这对可访问性原因很有帮助。
• 用户怎么知道哪个字段是哪个？你可以用 只是文字或跨度或东西，但是 你为什么这样？
• 它会导致更多的语义标记。

Answer 2

它有助于可访问性，例如屏幕阅读器。

对于像复选框这样的东西，它允许用户点击标签，而不仅仅是复选框本身（Try it!）。

Answer 3

这对于可访问性非常重要，因此使用屏幕阅读器的盲人可以轻松地判断哪个文本框适用于哪个内容，因为否则他们的软件无法从页面结构中分辨出活动文本框的用途。此外，单击标签将聚焦适当的输入控件，这很方便。

Answer 4

未来使用：

在输入html表单与数据库直接链接的情况下（在框架中发生）

因此输入表单变量直接表示数据库列。

因此，我们不是在表单中向用户显示数据库列名，而是使用标签向用户显示简化名称。