文本应该总是被包含在一个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"> 

的浏览器理解的labelfor属性和inputid属性之间的连接。
结果是（例如），您可以点击label，并将相应的input获得焦点。

Answer 3

为了使故事简短，是的，你应该。未公开的文字离图像并不很远。如果没有完全替换它，它几乎不可访问和几乎不可改变。

对于CSS规则，如果您可以轻松掌握文档中的每个元素组（包括文本），就会轻松得多。

Answer 4

只是为了完整性缘故

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

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

象曰：点击（漂亮复选框和单选按钮），以及屏幕阅读器的视障人士：可以读出响亮的标签，而在文本框中来跟标签。

因为我已经看到JavaScript验证其他标签的形式，标志着标签（错误）。