Pseudoklasse invalid

De pseudoklasse invalid bepaalt de stijl voor een invoerveld waarin een ongeldige waarde of een waarde die niet overeenkomt met het opgegeven type is ingevoerd.

Syntaxis

cssselector:invalid {

}

Voorbeeld

Laten we de achtergrond van het invoerveld roze maken, wanneer een ongeldige waarde wordt ingevoerd, en terug naar groen, wanneer de waarde de validatie voor het geselecteerde type heeft doorstaan:

html<p>Voer uw e-mailadres in</p>
<p><input type="email"></p>

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

Результат:

Zie ook