【问题标题】:"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】:

&lt;label&gt;for 引用了&lt;textarea&gt; 的 id(消息)。如果随后单击标签,焦点将设置为具有相应 ID 的 &lt;textarea&gt;

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

【讨论】:

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

这意味着标签用于特定的表单输入元素:在您的情况下,带有messageid 的文本区域,或带有maleid 的单选按钮。

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

【讨论】:

    【解决方案3】:

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

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

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

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

    您可以通过在for 属性中指定表单控件的ID,将&lt;label&gt; 与表单控件相关联。

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

    【讨论】:

      猜你喜欢
      • 2016-01-20
      • 2019-01-03
      • 1970-01-01
      • 1970-01-01
      • 2010-09-22
      • 1970-01-01
      • 2019-09-23
      • 2015-10-10
      • 1970-01-01
      相关资源
      最近更新 更多