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

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

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

Что 'для' атрибута здесь? Это - идентификатор?

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

5
задан Mallika Iyer 27 April 2010 в 22:20
поделиться

7 ответов

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

  1. Что здесь за атрибут «for»?

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

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

    A. Если вы хотите использовать CSS для всех элементов меток:

  label {
 / * ваши стили * / 
} 
 

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

3
ответ дан 18 December 2019 в 07:53
поделиться

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

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

1
ответ дан 18 December 2019 в 07:53
поделиться

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

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

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

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

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

9
ответ дан 18 December 2019 в 07:53
поделиться

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

Вы все еще можете назначить метке id :

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

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

<label id="myLabel">Delete This Text <input ... /></label>
2
ответ дан 18 December 2019 в 07:53
поделиться

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

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

2
ответ дан 18 December 2019 в 07:53
поделиться

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

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

На самом деле это объект удобства использования.

1
ответ дан 18 December 2019 в 07:53
поделиться

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

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

<label for="fname" id="lbl-fname">First:</label>
<input type="text" id="fname" />
1
ответ дан 18 December 2019 в 07:53
поделиться