Псевдокласс invalid

Псевдокласс invalid инпутқа дұрыс емес мән енгізілгенде немесе көрсетілген түрге сәйкес келмеген мән үшін стильді анықтайды.

Синтаксис

селектор:invalid {

}

Инпутқа дұрыс емес мән енгізілгенде оның фонын қызғылт түске бояп, мән таңдалған түрге сәйкестік тексерісінен өткенде жасыл түске қайтарайық:

<p>Электрондық поштаңызды енгізіңіз</p>
<p><input type="email"></p>

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

псевдокласс :valid,
ол инпутқа дұрыс мән енгізілгендегі стильді анықтайды
псевдокласс :default,
ол әдепкі бойынша элементтерге стильді анықтайды
псевдокласс :in-range,
ол берілген мәндер ауқымы бар элементтерге стильді анықтайды
псевдокласс :out-of-range,
ол мәндері ауқым шегінен шығып кеткен элементтерге стильді анықтайды