Pseudo-klasa valid
Pseudo-klasa valid postavlja stil
za input polja u koja je uneta ispravna
vrednost ili vrednost koja odgovara navedenom
tipu.
Sintaksa
selektor:valid {
}
Primer
Hajde da prebojimo pozadinu input polja u roze boju, kada se unese neispravna vrednost i nazad u zelenu boju, kada je vrednost prošla proveru u odnosu na izabrani tip:
<p>Unesite vašu email adresu</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Vidi takođe
-
pseudo-klasa
:invalid,
koja postavlja stil input polju u koje je uneta neispravna vrednost -
pseudo-klasa
:out-of-range,
koja postavlja stil elementima čije vrednosti izlaze izvan opsega -
pseudo-klasa
:in-range,
koja postavlja stil elementima sa definisanim opsegom vrednosti
