valid կեղծդասը

valid կեղծդասը սահմանում է ոճ այն դաշտերի համար, որոնցում մուտքագրվել է ճիշտ արժեք կամ նշված տիպին համապատասխանող արժեք:

Շարահյուսություն

cssընտրող:valid {
  
}

Օրինակ

Եկեք վերագունավորենք դաշտի ֆոնը վարդագույն, երբ մուտքագրվում է սխալ արժեք, և վերադարձնենք կանաչ գույն, երբ արժեքն անցել է ստուգումը ընտրված տիպին համապատասխանելու համար:

html<p>Մուտքագրեք Ձեր էլ․ փոստը</p>
<p><input type="email"></p>
cssinput:invalid {
  background: #E37D76;
}
input:valid {
  background: #9DDFA4;
}

Результат:

Տես նաև

  • :invalid կեղծդասը,
    որը սահմանում է ոճ այն դաշտի համար, որում մուտքագրվել է սխալ արժեք
  • :out-of-range կեղծդասը,
    որը սահմանում է ոճ այն տարրերի համար, որոնց արժեքները դուրս են մնում տիրույթից
  • :in-range կեղծդասը,
    որը սահմանում է ոճ տիրույթով արժեքներ ունեցող տարրերի համար