Pseudo-klassen valid
Pseudo-klassen valid setter stil
for input-felt der det er skrevet inn en riktig
verdi eller en verdi som samsvarer med den angitte
typen.
Syntaks
cssselector:valid {
}
Eksempel
La oss endre bakgrunnsfargen på input-feltet til rosa når det skrives inn en ugyldig verdi, og tilbake til grønn når verdien har bestått valideringen for den valgte typen:
html<p>Skriv inn e-posten din</p>
<p><input type="email"></p>cssinput:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
Результат:
Se også
-
pseudo-klassen
:invalid,
som setter stil for et input-felt som har fått en ugyldig verdi -
pseudo-klassen
:out-of-range,
som setter stil for elementer hvis verdi er utenfor tillatt område -
pseudo-klassen
:in-range,
som setter stil for elementer med en verdi innenfor et spesifisert område