Question

在HTML中使用标签的哪种语法更好？

<label>Name:<br />
<input type="text" id="name" name="name"/><br /></label>

或

<label for="name">Name:<br /></label>
<input type="text" id="name" name="name"/><br />

Answer 1

标签可以使用for属性包装输入或引用它们。两者在语义上都是正确的。

A可以通过将控制元素放在元素内部或使用for属性与控件相关联。这种控制称为标签元素的标记控制。一个输入可以与多个标签相关联。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label

Answer 2

录制到w3schools 两者是正确的

for属性指定标签绑定的表单元素。

https://www.w3schools.com/tags/att_label_for.asp

来自w3schools的例子：

    <form action="/action_page.php">
      <!-- label for male radio button -->      
      <label for="male">Male</label>
      <input type="radio" name="gender" id="male" value="male"><br>

      <!-- label for female radio button -->      
      <label for="female">Female</label>
      <input type="radio" name="gender" id="female" value="female"><br>

      <input type="submit" value="Submit">
    </form>

注意：这对于使用复选框和按钮特别有用，因为这意味着您可以通过单击相关文本来检查框，而不必点击框本身。 https://www.w3.org/wiki/HTML/Elements/label

我们必须使用标签吗？

2 个答案: