Pseudoklasse valid
Pseudoklassen valid angiver styling
for inputfelter, hvor der er indtastet en korrekt
værdi eller en værdi, der svarer til den angivne
type.
Syntaks
selektor:valid {
}
Eksempel
Lad os ændre baggrundsfarven på inputfeltet til lyserød, når der indtastes en ugyldig værdi, og tilbage til grøn, når værdien har bestået valideringen for den valgte type:
<p>Indtast din email</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Se også
-
pseudoklassen
:invalid,
som angiver styling for et inputfelt med en ugyldig indtastet værdi -
pseudoklassen
:out-of-range,
som angiver styling for elementer, hvis værdi ligger uden for intervallet -
pseudoklassen
:in-range,
som angiver styling for elementer med en angivet værdiinterval
