标签标签中的"For“

Question

 <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中样式？还是我没有得到正确的通知？

Answer 1

for的<label>引用到<textarea>的id (消息)。如果然后单击标签，焦点将设置为具有相应id的<textarea>。

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

Answer 2

这意味着标签用于特定的表单输入元素:在您的示例中，文本区域具有id of message，或者单选按钮具有id of male。

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

Answer 3

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

您可以编写CSS来匹配基于其类或id的元素。

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

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

通过在<label>属性中指定窗体控件的id，可以将for与窗体控件关联起来。

类和ID是HTML的东西，而不是CSS特有的东西。他们有很多目的。