Pseudoclasa valid
Pseudoclasa valid definește stilul
pentru input-uri în care a fost introdusă o valoare corectă
sau o valoare corespunzătoare tipului
indicat.
Sintaxă
selector:valid {
}
Exemplu
Să colorăm fundalul input-ului în roz, când se introduce o valoare incorectă și înapoi în verde, când valoarea a trecut verificarea conform tipului selectat:
<p>Introduceți email-ul</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Vedeți și
-
pseudoclasa
:invalid,
care definește stilul pentru un input în care a fost introdusă o valoare incorectă -
pseudoclasa
:out-of-range,
care definește stilul pentru elementele ale căror valori depășesc intervalul -
pseudoclasa
:in-range,
care definește stilul pentru elementele cu un interval de valori specificat
