Pseudoklasa valid
Pseudoklasa valid përcakton stilin
për inputet, në të cilat është futur vlera e saktë
ose vlera që korrespondon me llojin e specifikuar.
Sintaksa
selektor:valid {
}
Shembull
Le të ndryshojmë sfondin e inputit në ngjyrë rozë, kur futet një vlerë e gabuar dhe përsëri në ngjyrë jeshile, kur vlera ka kaluar verifikimin për përputhje me llojin e zgjedhur:
<p>Shkruani email-in tuaj</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Shihni gjithashtu
-
pseudoklasa
:invalid,
e cila përcakton stilin e inputit, në të cilin është futur vlerë e gabuar -
pseudoklasa
:out-of-range,
e cila përcakton stilin për elementët, vlerat e të cilëve dalin jashtë intervalit -
pseudoklasa
:in-range,
e cila përcakton stilin për elementët me interval të caktuar vlerash