标签或标签？

Question

  

可能重复：
  Is it better to wrap the label tag around a form item or use the “for” attribute in HTML?

考虑这两个例子：

<label>Label:<input /></label>

<label for="inp">Label:</label><input id="inp" />

它们之间有什么区别吗？我应该使用其中一个吗？是否有任何性能或兼容性问题？

Answer 1

'label for'语法表示您创建的标签旨在成为id为'inp'的输入的标签。如果在大多数浏览器中单击此标签，则光标焦点将位于“inp”输入元素上。将标签与相应的表单控件链接起来是一种很好的小方法。

我不了解兼容性问题或任何性能问题。对我来说，它似乎语法合理，据我所知，CSS规范声称两者都有效。

Answer 2

使用for语法时，关系会更明确地定义，但我相信大多数浏览器都会为这两种语言实现相同的行为。

我认为是一个偏好的问题。就个人而言，我会使用for语法，因为我认为它比input元素成为其label元素的一部分更具语义意义。