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

Псевдокласс valid инпутларга тўғри киритилган ёки кўрсатилган турга мос келадиган қиймат учун стилни белгилайди.

Синтаксис

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

Келтирилган инпутнинг фонни ноаник қиймат киритилганда қизил рангга ва қайта яшил рангга, қиймат танланган турга мослиги текширилганда ўзгартирамиз:

<p>Электрон почтангизни киритинг</p>
<p><input type="email"></p>

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

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