Теория урока
Метки в HTML формах - LABEL
Тег <label>
, в переводе метка, устанавливает связь текста с элементом формы (<input>
, <textarea>
, <select>
). Эта связь существует для того, чтобы изменить значение элемента, нажатием на текст (метка). Для большего понимания, посмотрите на пример:
Код HTML
<input id = "name"><label for = "name">Текст</label>
<label><input type = "checkbox"> Текст</label>
Как вы могли заметить, в первом примере мы указываем идентификатор, а во втором примере мы нужный элемент формы помещаем внутрь тега <label>
. А в следующем примере, вы увидите, что метка срабатывает только для первого элемента.
Код HTML
<label>
<input type = "checkbox">
<input type = "checkbox">
Текст
</label>
Возможно, вам это будет интересно: Что такое формы в HTML
<
×
>
HTML
CSS
Браузер
Вернуть расположение блоков
Код HTML
Код CSS
Браузер×
Задание
Восстановить код
Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков), вам нужно авторизоваться
- Добавьте универсальный тег
<input>
и сделайте из него флажок.id
тега сделайтеname
- Добавьте текст и сделайте так, чтобы по нажатию на него (на добавленный текст), флажок срабатывал (который вы создали)
– Не пропускайте новостей, подпишитесь на нашу страницу ВК, Facebook или Twitter.
– Не знаете как сделать? Нажмите на кнопку Обсуждение и задайте вопрос!
Проверить задание