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

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

html<p>Tik jou e-pos in</p>
<p><input type="email"></p>

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

Результат:

Sien ook