标签中的“For”

时间:2016-02-04 21:09:26

标签: html css

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

我正在尝试学习WP小部件的创建。在Tutorial网站上发布了这个 -

  标题   

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

</p> 

我对这部分感到困惑 - 用于= “消息”

这意味着什么“消息”只是一个类似的类或ID将在CSS中设置样式?或者我没有得到正确的通知?

3 个答案:

答案 0 :(得分:1)

for <label><textarea>(消息)的ID的引用。如果您随后单击标签,焦点将设置为<textarea>,并带有相应的ID。

您还可以使用<label>包裹textarea。然后,您可以点击<label>内的每个元素或文字,焦点也会设置为<textarea>

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

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

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

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

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

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

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