16

对不起,这个可能非常愚蠢的问题,但我的好奇心让我死了,而且我是新手,但是在你的标记中使用了重要的标签,为什么?

IE

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

为什么我必须标记这个输入,为什么它对用户有益,为什么对未来的使用有益,或者它是搜索引擎优化的事情。这就是我真正想知道的:)

4

4 回答 4

33

这很重要,原因有很多:

  • 单击标签会聚焦在
    文本字段上,这是很多用户所期望的。
  • 这对可访问性的原因很有帮助。
  • 用户如何知道哪个字段是哪个字段?你可以只使用文本或跨度或其他东西,但你为什么要这样做?
  • 它导致更多的语义标记。
于 2010-10-08T18:08:17.143 回答
14

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

同样对于复选框之类的东西,它允许用户单击标签,而不仅仅是复选框本身(试试看!)。

于 2010-10-08T18:08:05.380 回答
5

这对可访问性很重要,因此使用屏幕阅读器的盲人可以轻松分辨出哪个文本框用于哪个事物,否则他们的软件可能无法从页面结构中分辨出活动文本框的用途。另外,点击标签会聚焦相应的输入控件,很方便。

于 2010-10-08T18:07:39.667 回答
2

未来用途:

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

所以输入表单变量直接代表数据库列。

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

于 2010-10-08T18:20:20.597 回答