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

Псевдокласс valid инпутка туура маани же көрсөтүлгөн түргө дал келген маани киргизилгенде колдонулуучу стилди аныктайт.

Синтаксис

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

Мисал

Инпутка туура эмес маани киргизилгенде анын фонун кызыл түскө, ал эми туура маани киргизилгенде (тандалган түргө текшерилгенде) жашыл түскө өзгөртөлү:

<p>Email'иңизди киргизиңиз</p>
<p><input type="email"></p>

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

Ошондой эле караңыз

псевдокласс :invalid,
инпутка туура эмес маани киргизилгендеги стилди аныктайт
псевдокласс :out-of-range,
берилген диапазондон тышкары маанилерге стилди аныктайт
псевдокласс :in-range,
берилген диапазондогу маанилерге стилди аныктайт