文本是否应始终包含在html标记中？

Question

假设我有一个输入字段，旁边有我的文字。文本是否应始终包含在html标记中？如果是这样的话？

First name: <input type="text" name="fname">

VS

<label for="fname">First name:</label> <input type="text" name="fname">

Answer 1

在这种情况下，标签允许您单击标签本身 - 它将使用for属性中提供的ID将焦点放在输入上。它建议用于可用性。

只需确保将标签id设置为输入for的输入id。

Answer 2

绝对是这样的：

<label for="fname">First name:</label> <input type="text" name="fname" id="fname">

浏览器了解for的{​​{1}}属性与label的{​​{1}}属性之间的关联。
结果是（例如），您可以点击id，相应的input获得焦点。

Answer 3

为了简短说明，是的，你应该这样做。未封闭的文本离图像不远。如果不完全替换它，它几乎无法访问，几乎无法改变。

对于css规则，如果您可以轻松掌握文档的每个元素组（包括文本），则会更容易。

Answer 4

为了完整起见：

<label>First name: <input type="text" name="fname"></label>

也是可能的;更多见于type="radio"。

如上所述：可点击（适用于复选框和单选按钮），以及适用于视障人士的屏幕阅读器：在带有标签的文本框中可以大声读出标签。

对于其他标签表单，我看过JavaScript验证，标记标签（出错时）。