От чего зависит :valid в css?

делаю форму по примеру, только форма на wordpress
и у меня в ней поля сразу принимают параметр valid
что за фигня?

От чего зависит :valid в css?

Дополнительно:

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?Есть ответ
    • 08.04.2024
    Ответить

    Значение :valid в CSS зависит от того, является ли введенное значение в форму допустимым или нет. Когда пользователь заполняет форму на веб-сайте и отправляет ее, браузер проверяет введенные данные на соответствие заданным правилам. Если данные соответствуют этим правилам, то поле считается допустимым и принимает стиль, определенный селектором :valid в CSS.

    Например, если у вас есть форма с полем для ввода email адреса, и вы установили правило, что поле должно содержать символ "@", то если пользователь введет email адрес с символом "@", то это поле будет считаться допустимым и примет стиль, указанный в селекторе :valid.

    Пример использования :valid в CSS для стилизации допустимых полей формы:

    В этом примере, если пользователь введет допустимое значение в поле ввода, то это поле будет иметь зеленую рамку.

    Таким образом, значение :valid в CSS зависит от того, соответствуют ли введенные данные заданным правилам для формы на веб-сайте.

Оставить комментарий