Pseudoklasse valid
De pseudoklasse valid bepaalt de stijl
voor invoervelden waarin een correcte
waarde is ingevoerd of een waarde die overeenkomt met het opgegeven
type.
Syntaxis
selector:valid {
}
Voorbeeld
Laten we de achtergrond van het invoerveld roze kleuren wanneer een onjuiste waarde wordt ingevoerd en terug naar groen wanneer de waarde de validatie voor het geselecteerde type heeft doorstaan:
<p>Voer uw e-mailadres in</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Zie ook
-
de pseudoklasse
:invalid,
die de stijl bepaalt voor een invoerveld waarin een onjuiste waarde is ingevoerd -
de pseudoklasse
:out-of-range,
die de stijl bepaalt voor elementen waarvan de waarde buiten het bereik ligt -
de pseudoklasse
:in-range,
die de stijl bepaalt voor elementen met een opgegeven waardebereik
