От чего зависит :valid в css?
делаю форму по примеру, только форма на wordpress
и у меня в ней поля сразу принимают параметр valid
что за фигня?
.user-box input:focus ~ label, .user-box input:valid ~ label { top: -20px; left: 0; color: #03e9f4; font-size: 12px; } |
.user-box input:focus ~ label, .user-box input:valid ~ label { top: -20px; left: 0; color: #03e9f4; font-size: 12px; }
Дополнительно:
RTFM
The :valid CSS pseudo-class represents any or other element whose contents validate successfully.
А дальше читаете по ссылке про валидацию полей в зависимости от типа и атрибутов.
Конкретно в вашем случае текстовое поле без дополнительных атрибутов. Оно будет валидным при любом значении, в том числе и при пустой строке.
- Спасибо
как же в моем случаи быть?
в wordpress другая валидация и required вставить никак - rootnoroot, Значит изучать, как работает валидация в Wordpress. Тут я вам ничем не помогу.
- rootnoroot, Да, если вы хотите просто знать, что в поле что-то введено, то можно использовать атрибут placeholder и свойство :placeholder-shown.
Ответы:
Во первых, нет атрибута required, который отвечает за обязательность заполнения поля.
Во вторых, нет атрибута pattern который отвечает за валидацию значения по регулярному выражению.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Значение :valid в CSS зависит от того, является ли введенное значение в форму допустимым или нет. Когда пользователь заполняет форму на веб-сайте и отправляет ее, браузер проверяет введенные данные на соответствие заданным правилам. Если данные соответствуют этим правилам, то поле считается допустимым и принимает стиль, определенный селектором :valid в CSS.
Например, если у вас есть форма с полем для ввода email адреса, и вы установили правило, что поле должно содержать символ "@", то если пользователь введет email адрес с символом "@", то это поле будет считаться допустимым и примет стиль, указанный в селекторе :valid.
Пример использования :valid в CSS для стилизации допустимых полей формы:
input:valid { border: 2px solid green; }
В этом примере, если пользователь введет допустимое значение в поле ввода, то это поле будет иметь зеленую рамку.
Таким образом, значение :valid в CSS зависит от того, соответствуют ли введенные данные заданным правилам для формы на веб-сайте.