标签标签中的“对于”[重复]答案

【问题标题】："For" in Label Tags [duplicate]标签标签中的“对于”[重复]
【发布时间】：2016-05-14 16:38:40
【问题描述】：

 <label for="male">Male</label>
  <input type="radio" name="gender" id="male" value="male"><br>

我正在尝试学习 WP 小部件的创建。在教程网站上发布 -

标题

<p>
  <label for="message">Simple Message</label>
  <textarea class="widefat" rows="16" cols="20" id="message" name="message">message...</textarea>

</p>

我对这部分感到困惑 - for="消息"

这意味着“消息”只是一个类似的类或 ID，将在 CSS 中设置样式？还是我没有得到正确的信息？

【问题讨论】：

先生，我搜索了我找不到之前提出的问题，请您帮我提供链接吗？

标签： html css

【解决方案1】：

<label> 的 for 引用了<textarea> 的 id（消息）。如果随后单击标签，焦点将设置为具有相应 ID 的 <textarea>。

您也可以使用<label> 包裹文本区域。然后，您可以单击<label> 中的每个元素或文本，并且焦点也设置为<textarea>。

【讨论】：

非常感谢。如果我想更好地理解它，那么它是 CSS 领域还是 HTML 领域？
这是 HTML 的默认行为。通常，这种效果是用 JavaScript 制作的，但这个效果是由浏览器默认提供的。 CSS 是设置页面样式所必需的（但也用于动画和过渡），但不能将其用于点击行为。

【解决方案2】：

这意味着标签用于特定的表单输入元素：在您的情况下，带有message 的id 的文本区域，或带有male 的id 的单选按钮。

当标签用于特定的输入元素时，点击标签就像点击输入本身一样：点击单选按钮的标签将选择单选按钮。

【讨论】：

【解决方案3】：

一个 id 唯一地标识一个元素。类将元素标记为组的一部分。

您可以编写 CSS 以根据元素的类或其 id 匹配元素。

您可以编写 JavaScript 来根据元素的类或其 id 查找元素。

您可以将#an_id 放在 URL 的末尾，以根据其 id 直接链接到元素。

您可以通过在for 属性中指定表单控件的ID，将<label> 与表单控件相关联。

类和 ID 是 HTML 的东西，而不是 CSS 特有的东西。它们有很多用途。

【讨论】：