在表单中标注事物的正确方法是什么？

Question

我见过很多的方式来标记的形式的东西，如<label>，<div>，<span>等是否有这样的正确或错误的答案？这些有什么优点/缺点？ 谢谢

Answer 1

标签是最好的辅助功能（tab顺序，屏幕阅读器等）

多见于： http://www.communitymx.com/content/article.cfm?cid=02310

Answer 2

的正确方法提供标签的表单元素是使用<label>：

一些表单控件自动与他们（按按钮），而最不（文本字段，车相关的标签ckboxes和单选按钮，以及菜单）。

对于那些具有隐含的标签控件，用户代理应使用value属性作为标签字符串的值。

的<label>元素被使用，因为它是一个语义元素提供意思到您的标记用户代理能够理解它，指定没有隐含的标签

控制标签，往往有益标签元素本身（像复选框微小的控制非常有帮助）上直接点击。此外，您还为使用屏幕阅读器或其他辅助功能的用户提供有用的帮助。

您不应该使用<div>或<span>实际上标签的一个元素。但是，对于辅助帮助文本，它们可能会证明有用。但是，如果可能和明智的话，你应该坚持HTML的语义功能。这是我眼中的情况。

Answer 3

我倾向于选择这样的：

<label for="myInput">My Label</label> 
<input type="textbox" name="MyInput" value="" /> 

看看什么Phil Haack认为...

Answer 4

最好的办法是这样的一个：

<label for="anInput">This is the input</label> 
<input type="text" name="anInput" /> 

这是特别有趣复选框。如果你点击标签，它会检查/取消选中复选框。如果你点击一个输入字段的标签，它会选择它。

该标签为 输入元素定义标签。

label元素不会呈现如 任何特殊的用户。 但是，它为鼠标用户提供了一个可用性改进 ，因为 如果用户点击 中的文本标签元素，它将切换 控件。

的用于标签的 属性应该等于的 相关元素中的id属性将它们 结合在一起。

via