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

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

Синтаксис

селектор:invalid {

}

Мисол

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

<p>Enter Your email</p>
<p><input type="email"></p>

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

Шунингдек қаранг

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