Поиск…


Синтаксис

  • <label>Example <input type="radio" name="r"></label> // Обтекание элемента управления
  • <label for="rad1">Example</label> <input id="rad1" type="radio" name="r"> // Использование for атрибута

параметры

Атрибуты Описание
за Ссылка на целевой идентификационный элемент. Т.е.: for="surname"
форма HTML5 , [Устаревший] Ссылка на форму, содержащую целевой элемент. Элементы метки ожидаются в элементе <form> . Если предоставляется form="someFormId" это позволяет помещать ярлык в любом месте документа.

Основное использование

Простая форма с этикетками ...

<form action="/login" method="POST">
    
    <label for="username">Username:</label>
    <input id="username" type="text" name="username" />

    <label for="pass">Password:</label>
    <input id="pass" type="password" name="pass" />

    <input type="submit" name="submit" />

</form>
5
<form id="my-form" action="/login" method="POST">
    
    <input id="username" type="text" name="username" />

    <label for="pass">Password:</label>
    <input id="pass" type="password" name="pass" />

    <input type="submit" name="submit" />

</form>

<label for="username" form="my-form">Username:</label>

О ярлыке

Элемент <label> используется для ссылки на элемент действия формы.
В области пользовательского интерфейса он используется для облегчения цели / выбора элементов, таких как Type radio или checkbox .

<label> качестве обертки

Он может заключать желаемый элемент действия

<label>
    <input type="checkbox" name="Cats">
    I like Cats!
</label>

(Нажав на текст, целевой input переключит его состояние / значение)

<label> как ссылка

Используя атрибут for вам не нужно помещать элемент управления в качестве потомка label но значение for должно соответствовать его идентификатору

<input id="cats" type="checkbox" name="Cats">
<label for="cats" >I like Cats!</label>

Заметка
Не используйте более одного элемента управления в элементе <label>



Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow