Если у меня есть следующее:
<label for="deletetxt">Delete This Text</label>
Что 'для' атрибута здесь? Это - идентификатор?
Предположение, что я не могу установить класс для элемента маркировки для моделирования элемента маркировки, как я устанавливаю CSS для этого элемента?
Два вопроса, два ответа:
Что здесь за атрибут «for»?
Здесь указывается идентификатор
элемент, к которому относится метка. Некоторые браузеры будут использовать его для установки фокуса на этот элемент
, когда пользователь нажимает на этот
, как мне установить CSS для этого элемента?
A. Если вы хотите использовать CSS для всех элементов меток:
label { / * ваши стили * / }
B. Если вы хотите пометить этот элемент, просто используйте идентификаторы или имена классов, как обычно.
вы можете установить идентификатор, а также class http://www.w3schools.com/tags/tag_label.asp
для «Определяет, к какому элементу формы привязана метка», поэтому, когда пользователь нажимает на метку, он фокусируется на целевом вводе.
Атрибут для
содержит идентификатор элемента, для которого предназначена метка. Я всегда думал, что это будет довольно интуитивно ...
<label for="SomeTextField" id="SomeLabel">Some text field</label>
<input type="text" id="SomeTextField">
Вы создаете ярлык, как любой другой элемент:
label {
font-weight: bold;
color: red;
}
Я всегда думал, что это тоже будет довольно интуитивно. Итак - что вы на самом деле пытаетесь сделать, вопросы, которые вы задаете, на самом деле являются признаком того, что у вас другая проблема.
Атрибут для - это input / textarea / select, к которому относится метка.
Вы все еще можете назначить метке id :
<label id="myLabel" for="deletetxt">Delete This Text</label>
Вы также можете обернуть input / textarea / select меткой, чтобы связать их без атрибута для .
<label id="myLabel">Delete This Text <input ... /></label>
For
сообщает метке, к какому элементу принадлежит (что на самом деле означает, что при щелчке по метке элемент получит фокус ).
Что касается вашего второго вопроса - вы можете использовать jQuery :
- Если ваш HTML статический, используйте $ ("label: eq (index)")
- Если ваш HTML динамический и вы знаете идентификатор элемента, которому принадлежит метка, вы можете использовать $ ("label [for = 'thatid']")
Тег HTML-метки используется для форм и отправки. это не идентификатор, это 'for' должно иметь то же имя, что и идентификатор связанного с ним объекта - например
<form>
<label for='ford'>Ford Car</label>
<input type="radio" name="fordCar" id="ford" />
</form>
На самом деле это объект удобства использования.
«for» - это идентификатор элемента формы, с которым должна быть связана метка.
Вы можете добавить идентификатор к метке, чтобы ссылаться на нее напрямую.
<label for="fname" id="lbl-fname">First:</label>
<input type="text" id="fname" />