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

Question

Если я следующее:

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

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

Предполагая, что я не могу установить класс элемента label для стилирования элемента label, как установить css для этого элемента?

Answer 1

Два вопроса, два ответа:

1. Что такое 'за' атрибута здесь?

   Здесь указывается идентификатор элемента <input>, на который ссылается метка. Некоторые браузеры будут использовать его для установки фокуса на этот элемент <input>, когда пользователь нажимает на это <LABEL>

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

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

 label { 
     /* your styles */ 
     } 

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

Answer 2

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

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

Answer 3

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

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

Его объект юзабилити на самом деле.

Answer 4

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

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

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

Answer 5

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

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

Answer 6

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

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

Вы стиль этикетки, как и любой другой элемент:

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

Я всегда думал, что это будет вполне интуитивно, а также. Итак, что вы, действительно пытаетесь сделать, вопросы, которые вы задаете, являются признаком того, что на самом деле у вас другая проблема.

Answer 7

Атрибут для - это input/textarea/select, на который указывает метка.

Вы все еще можете назначить идентификатор на этикетке:

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

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

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

Answer 8

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

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