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

cssvalija: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:

html<p>Sisesta oma e-post</p>
<p><input type="email"></p>

cssinput:invalid {
  background: #E37D76;
}
input:valid {
  background: #9DDFA4;
}

Результат:

Vaata ka