什么是超文本标记语言="属性在？

Question

我在jQuery中看到了这一点——它做了什么？

<label for="name"> text </label>
<input type="text" name="name" value=""/>

Answer 1

我觉得有必要回答这个问题。我也有同样的困惑。

<p>Click on one of the text labels to toggle the related control:</p>

<form action="/action_page.php">
  <label for="female">Male</label>
  <input type="radio" name="gender" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="gender" id="female" value="female"><br>
  <label for="other">Other</label>
  <input type="radio" name="gender" id="other" value="other"><br><br>
  <input type="submit" value="Submit">
</form>

Answer 2

要关联

<label for="username">Click me</label>
<input type="text" id="username">

的属性关联一个

或者，您可以嵌套

<label>Click me <input type="text"></label>

注意：
一个输入可以与多个标签相关联。
当一个

不要将锚定或按钮等交互元素放置在标签内。这样做会使人们很难激活与标签关联的表单输入。

在中放置标题元素

一个<代码>

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

Answer 3

标签中使用了for属性。它是指与此标签关联的元素的id。

例如：

<label for="username">Username</label>
<input type="text" id="username" name="username" />

现在，当用户用鼠标单击用户名文本时，浏览器将自动将焦点放在相应的输入字段中。这也适用于其他输入元素，如

从规范中引用：

此属性显式地将正在定义的标签与另一个控件关联。存在时，此属性的值必须与同一文档中其他控件的id属性的值相同。如果不存在，则定义的标签与元素的内容相关联。

至于为什么你的问题被标记为jQuery，以及你在哪里看到它被用于jQuery，我无法回答，因为你没有提供太多信息。

可能是在jQuery选择器中使用它来查找给定label实例的相应输入元素：

var label = $('label');
label.each(function() {
    // get the corresponding input element of the label:
    var input = $('#' + $(this).attr('for'));
});