valid сәндік класы

valid сәндік класы дұрыс мән енгізілген немесе көрсетілген түріне сәйкес келетін мәндері бар инпуттарға арналған стильді белгілейді.

Синтаксис

селектор:valid {
	
}

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

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

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

:invalid сәндік класы,
ол қате мән енгізілген инпутқа стиль береді
:out-of-range сәндік класы,
ол мәндері диапазоннан тыс жататын элементтерге стиль береді
:in-range сәндік класы,
ол берілген мәндер диапазоны бар элементтерге стиль береді