如何设置'label'HTML元素的id？

Question

如果我有以下内容：

             <label for="deletetxt">Delete This Text</label>

这里的'for'属性是什么？那是id吗？

假设我不能为label元素设置一个类来设置标签元素的样式，我该如何为这个元素设置css？

Answer 1

for属性包含标签所用元素的ID。我一直认为这很直观......

<label for="SomeTextField" id="SomeLabel">Some text field</label>
<input type="text" id="SomeTextField">

您可以像任何其他元素一样设置标签样式：

label {
  font-weight: bold;
  color: red;
}

我一直认为这也很直观。那么 - 你真正试图做什么，你提出的问题实际上就是你有不同问题的迹象。

Answer 2

两个问题，两个答案：

1. 这里的'for'属性是什么？

   这是告诉标签引用的<input>元素的ID。当用户点击<input>

时，某些浏览器会使用它来关注<LABEL>元素

2. 如何为此元素设置css？

   一个。如果你想要CSS所有标签元素：

      label {
         /* your styles */
      }

B中。如果要标记该元素，只需像往常一样使用ID或类名。

Answer 3

For告诉标签属于哪个元素（这实际上意味着当单击标签时元素将获得焦点）。

至于你的第二个问题 - 你可以使用jQuery：
- 如果你的html是静态的，请使用$("label:eq(index)")
- 如果您的html是动态的并且您知道标签所属元素的ID，则可以使用$("label[for='thatid']")

Answer 4

for 属性是标签引用的输入/ textarea / select。

您仍然可以为标签指定 id ：

<label id="myLabel" for="deletetxt">Delete This Text</label>

您还可以使用标签包装input / textarea / select，以便在没有 for 属性的情况下关联它们。

<label id="myLabel">Delete This Text <input ... /></label>

Answer 5

HTML Label Tag用于表单和提交。它不是ID，这个'for'应该与连接到它的对象的ID同名 - 例如

<form>
<label for='ford'>Ford Car</label>
<input type="radio" name="fordCar" id="ford" />
</form>

它确实是一个可用性对象。

Answer 6

“for”是标签应与之关联的表单元素的id。

您可以在标签上添加ID以直接引用它。

<label for="fname" id="lbl-fname">First:</label>
<input type="text" id="fname" />

Answer 7

您可以设置ID以及类http://www.w3schools.com/tags/tag_label.asp

for“指定标签绑定到哪个表单元素”，这样当用户点击标签时，它就会聚焦在目标输入上。

Answer 8

使用Html中的razor我找不到分配标签ID的最佳方法，但你可以这样分配id：

@Html.Label("© Integrantes Grupo:",new { @id="TitleIntegrants"} )