Psevdoklass invalid
Psevdoklass invalid
noto'g'ri qiymat kiritilgan yoki ko'rsatilgan turga mos kelmaydigan
qiymat kiritilgan input uchun uslubni belgilaydi.
Sintaksis
selektor:invalid {
}
Misol
Keling, noto'g'ri qiymat kiritilganda input fonini pushti rangga, qiymat tanlangan turga moslik tekshiruvidan o'tganda esa orqaga yashil rangga bo'yalaylik:
<p>Email manzilingizni kiriting</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Shuningdek qarang
-
psevdoklass
:valid,
unga to'g'ri qiymat kiritilgan input uchun uslub belgilaydi -
psevdoklass
:default,
standart elementlar uchun uslub belgilaydi -
psevdoklass
:in-range,
belgilangan qiymatlar diapazoniga ega elementlar uchun uslub belgilaydi -
psevdoklass
:out-of-range,
qiymatlari diapazon chegarasidan tashqariga chiqadigan elementlar uchun uslub belgilaydi
