Как установить идентификатор HTML-элемента «label»?

Question

Если у меня есть следующее:

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

Что здесь за атрибут "for"? Это идентификатор?

Если я не могу установить класс для элемента label для стилизации элемента label, как мне установить css для этого элемента?

Answer 1

Атрибут for содержит идентификатор элемента, для которого предназначена метка. Я всегда думал, что это будет довольно интуитивно понятно ...

<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>, на который ссылается метка. Некоторые браузеры используют его, чтобы установить фокус на элемент <input>, когда пользователь нажимает на этот <LABEL>

2. как мне установить CSS для этого элемента?

   A. Если вы хотите CSS все элементы метки:

      label {
         /* your styles */
      }

B. Если вы хотите пометить этот элемент, просто используйте идентификаторы или имена классов, как обычно.

Answer 3

Атрибут для является вводом / textarea / select, к которому относится метка.

Вы все еще можете присвоить id метке:

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

Вы также можете обернуть ввод / текстовое поле / выбрать меткой, чтобы связать их без атрибута для .

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

Answer 4

For сообщает метке, к какому элементу принадлежать (что на самом деле означает, что при нажатии метки элемент получит фокус).

Что касается вашего второго вопроса - вы можете использовать jQuery :
- если ваш html является статическим, используйте $("label:eq(index)")
- если ваш html является динамическим и вы знаете идентификатор элемента, которому принадлежит метка, вы можете использовать $("label[for='thatid']")

Answer 5

С помощью бритвы в Html я не могу найти лучший способ назначить идентификатор метки, но вы можете назначить идентификатор следующим образом:

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

Answer 6

вы можете установить идентификатор, а также класс http://www.w3schools.com/tags/tag_label.asp

the for «Указывает, к какому элементу формы привязан ярлык», поэтому, когда пользователь нажимает на ярлык, он фокусируется на целевом вводе.

Answer 7

«for» - это идентификатор элемента формы, с которым должна быть связана метка.

Вы можете добавить идентификатор к ярлыку, чтобы ссылаться на него напрямую.

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

Answer 8

HTML Label Tag используется для форм и отправки. это не идентификатор, это 'for' должно иметь то же имя, что и идентификатор объекта, подключенного к нему - например,

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

Это действительно удобный объект.