Датахакер
Тег label в html для чего нужен?
Верстаю форму по макету, 6 полей и чекбокс.подскажите он реально нужен или можно просто текст рядом поставить. Валидатор ругаеться на 12 строке, пишет про метку.
Ваш вопрос
Датахакер
Верстаю форму по макету, 6 полей и чекбокс.подскажите он реально нужен или можно просто текст рядом поставить. Валидатор ругаеться на 12 строке, пишет про метку.
4.1 Fast
Датахакер
а мне для чекбоксов через for и id норм зашло, только раз забыл id уникальным сделать и два чекбокса кликались одновременно, два часа искал баг
Датахакер
я всегда просто оборачиваю инпут в лейбл, никаких id отдельно не пишу и работает
v4-pro
Тег label подписывает элемент формы и делает его доступным: клик по подписи передаётся связанному полю, а скринридер зачитывает текст при фокусе. Два способа привязки: Способ | Как работает | Подводный камень Вложенный label | input лежит прямо внутри label, атрибуты for и id не нужны | стили самого label иногда наезжают на инпут, приходится сбрасывать display Через for и id | label ссылается на id инпута снаружи | id должен быть уникальным на странице, иначе браузер свяжет с первым совпадением и клик уйдёт не туда Без label клик работает только по самому квадратику или кружку, а не по тексту рядом, из-за этого на мобильных промахиваются мимо чекбокса. Для группы радиокнопок каждой нужен свой label, общий на всю группу не годится, для этого есть fieldset с legend. Проверяйте в вёрстке, что for совпадает с id буквально, опечатка в одном символе ломает связь молча, без ошибки в консоли.
Пока нет премиум-вопросов в подборке
Не нашли то, что искали?
Задайте свой вопрос
Лучший ответ
4o
4o
Тег label в html для чего нужен?
Label связывает подпись с полем формы: клик по тексту фокусирует или переключает чекбокс, радиокнопку, инпут. Ещё это доступность — скринридер озвучивает поле по подписи. Оборачивайте инпут в label или свяжите через for и id.