Подтвердить что ты не робот

Что такое атрибут HTML для = "" в <label>?

Я видел это в jQuery - что он делает?

<label for="name"> text </label>
<input type="text" name="name" value=""/>
4b9b3361

Ответ 1

Атрибут for используется в методах. Он ссылается на идентификатор элемента, с которым связана эта метка.

Например:

<label for="username">Username</label>
<input type="text" id="username" name="username" />

Теперь, когда пользователь нажимает мышью на текст username, браузер автоматически помещает фокус в соответствующее поле input. Это также работает с другими входными элементами, такими как <textbox> и <select>.

Цитата из спецификация:

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

Насколько ваш вопрос отмечен jQuery, и где вы видели, как он используется в jQuery, я не могу ответить, потому что вы не предоставили много информации.

Возможно, он был использован в селекторе jQuery для поиска соответствующего элемента ввода, заданного экземпляром метки:

var label = $('label');
label.each(function() {
    // get the corresponding input element of the label:
    var input = $('#' + $(this).attr('for'));
});

Ответ 2

Я чувствую необходимость ответить на это. У меня было такое же замешательство.

<p>Click on one of the text labels to toggle the related control:</p>

<form action="/action_page.php">
  <label for="female">Male</label>
  <input type="radio" name="gender" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="gender" id="female" value="female"><br>
  <label for="other">Other</label>
  <input type="radio" name="gender" id="other" value="other"><br><br>
  <input type="submit" value="Submit">
</form>

Ответ 3

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

<input type="checkbox" name="remember" id="rememberbox"/>
<label for="rememberbox">Remember your details?</label>

Это также означает, что нажатие на эту метку изменит значение флажка.

Ответ 4

быстрый пример:

<label for="name">Name:</label>
<input id="name" type="text" />

Тег for="" позволяет сфокусировать ввод, когда вы нажимаете на метку.

Ответ 5

используется для элемента <label>

он используется с флажком типа ввода или redio для выбора на этикетке нажмите

рабочая демонстрация

Ответ 6

Атрибут for тега <label> должен быть равен атрибуту id связанного элемента, чтобы связать их вместе.

Ответ 7

К вашему сведению - если вы находитесь в среде машинописного текста, например,

<label for={this.props.inputId}>{this.props.label}</label>

вам нужно использовать htmlFor

<label htmlFor={this.props.inputId}>{this.props.label}</label>

Ответ 8

используется в тексте <label> для html

например.

<label for="male">Male</label>

<input type="radio" name="sex" id="male" value="male"><br>