Задать вопрос
@deasmont
html

Проблема с input при required. Время великов?

Всем привет. Возникла небольшая, крайне неприятная проблема с полями, вопрос не в новинку, собственно проблема в том что лейбл не отрабатывает как должен, разница от верхнего только в отсутствии required в input. Господа, есть у кого идеи?
перепробовал кажется уже все, помогите заставить лейбл вернутся в семью..
ссылко
  • Вопрос задан
  • 104 просмотра
Комментировать
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 2
@fu11buster
Дело в псевдоклассе ":valid" : при required и пустом поле он не срабатывает, а когда отсутствует атрибут required даже пустое поле валидно, в следствии этого label все время "не в семье"
Ответ написан
Комментировать
Комментировать
andreybold
@andreybold
Чистым css'ом это вроде не решить. Как вариант js'ом отслеживать пустой value или нет, и если нет, то навешивать на инпут класс, который и будет заменять input:valid
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Подключить сервер к сети
27 апр. 2024, в 02:39
1500 руб./за проект
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
Ещё заказы