如何设置“标签”的 id HTML 元素？

Question

如果我有以下内容：

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

这里的“for”属性是什么？是这个id吗？

假设我无法为标签元素设置类来设置标签元素的样式，我该如何为此元素设置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”属性是什么？

   它在这里告诉 label 引用的 元素的 ID。当用户单击

   时，某些浏览器将使用它来将焦点设置在该 元素上。

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

   A.如果您想对所有标签元素使用 CSS：

<前><代码>标签{
/* 你的风格 */
}

B. 如果您想标记该元素，只需像平常一样使用 ID 或类名即可。

Answer 3

for 属性是标签引用的 input/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 4

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

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

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

用于“指定标签绑定到哪个表单元素”，因此当用户单击标签时，它会关注目标输入。

Answer 8

使用 Html 中的 razor，我找不到分配标签 id 的最佳方法，但您可以通过以下方式分配 id：

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