Pseudoklass valid
Pseudoklass valid määrab stiili
sisendväljadele, kuhu on sisestatud õige
väärtus või väärtus, mis vastab määratud
tüübile.
Süntaks
valija:valid {
}
Näide
Muudame sisendvälja tausta roosaks, kui sisestatakse vale väärtus, ja tagasi roheliseks, kui väärtus on läbinud valitud tüübile vastavuse kontrolli:
<p>Sisesta oma e-post</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Vaata ka
-
pseudoklass
:invalid,
mis määrab stiili sisendväljale, kuhu on sisestatud vale väärtus -
pseudoklass
:out-of-range,
mis määrab stiili elementidele, mille väärtused jäävad välja vahemikust -
pseudoklass
:in-range,
mis määrab stiili elementidele, millel on määratud väärtuste vahemik