html - 将 label 标签包裹在表单项周围更好，还是使用 HTML 中的 "for"属性更好？

Question

我知道您可以同时使用两者，但使用其中一个比另一个更好吗？如果是，为什么？

“for”属性示例:

<input type="text" id="male"><label for="male">Male</label>

换行示例:

<label>Age:<input type="text"></label>

Answer 1

在语义上，这两种可能性是相同的。但是根据您想要的布局，这两种可能性各有利弊。例如，如果您希望标签位于完全不同的位置，将输入放入标签中就没有任何意义。但是如果你希望能够通过 css 制作悬停效果，那就设置 e. G。标签和输入周围区域的背景，最好将输入放入标签中。