Pseudoklas valid
Die pseudoklas valid spesifiseer die styl
vir inputs waarin 'n korrekte
waarde ingevoer is of 'n waarde wat ooreenstem met die gespesifiseerde
tipe.
Sintaksis
selekteerder:valid {
}
Voorbeeld
Laat ons die agtergrond van die invoerveld rose kleur, wanneer 'n verkeerde waarde ingevoer word en terug na groen kleur, wanneer die waarde geslaag het op die toets vir ooreenstemming met die gekose tipe:
<p>Tik jou e-pos in</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Sien ook
-
die pseudoklas
:invalid,
wat die styl spesifiseer vir 'n invoerveld waarin 'n verkeerde waarde ingevoer is -
die pseudoklas
:out-of-range,
wat die styl spesifiseer vir elemente wie se waardes buite die reeks val -
die pseudoklas
:in-range,
wat die styl spesifiseer vir elemente met 'n gespesifiseerde reeks waardes
