Я видел это в jQuery - что он делает?
<label for="name"> text </label>
<input type="text" name="name" value=""/>
Я видел это в jQuery - что он делает?
<label for="name"> text </label>
<input type="text" name="name" value=""/>
Атрибут 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'));
});
Я чувствую необходимость ответить на это. У меня было такое же замешательство.
<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>
Вы используете его с ярлыками, чтобы сказать, что два объекта принадлежат друг другу.
<input type="checkbox" name="remember" id="rememberbox"/>
<label for="rememberbox">Remember your details?</label>
Это также означает, что нажатие на эту метку изменит значение флажка.
быстрый пример:
<label for="name">Name:</label>
<input id="name" type="text" />
Тег for=""
позволяет сфокусировать ввод, когда вы нажимаете на метку.
используется для элемента <label>
он используется с флажком типа ввода или redio для выбора на этикетке нажмите
Атрибут for
тега <label>
должен быть равен атрибуту id связанного элемента, чтобы связать их вместе.
К вашему сведению - если вы находитесь в среде машинописного текста, например,
<label for={this.props.inputId}>{this.props.label}</label>
вам нужно использовать htmlFor
<label htmlFor={this.props.inputId}>{this.props.label}</label>
используется в тексте <label>
для html
например.
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"><br>
Это атрибут для тега <label>
: http://www.w3schools.com/tags/tag_label.asp