Псевдокласи in-range
Псевдокласи in-range услуби
унсурҳоеро муайян мекунад, ки қиматҳои онҳо
дар як диапазони муайяншуда ҷойгиранд. Диапазони қиматҳо
бо атрибутҳои min
ва max муайян карда мешавад.
Синтаксис
интихобкунанда:in-range {
}
Намуна
Биёед рангҳои кабудро барои заминаи вуруди рақамҳо муқаррар кунем,
ки онҳо дар диапазони
аз 1 то 5 ворид мешаванд. Ҳамчунин заминаи гулобӣ насб кунем, вақте ки
қимати воридшуда дар ҳудуди интихобшуда
набошад:
<form>
<p>Адади аз 1 то 5 ворид кунед</p>
<p>
<input type="number" min="1" max="5" value="1">
</p>
</form>
input:in-range {
background: #C2DDFD;
}
input:out-of-range {
background: #E37D76;
}
:
Ҳамчунин нигаред
-
псевдокласи
:out-of-range,
ки услуби унсурҳоеро муайян мекунад, ки қиматҳои онҳо аз диапазон берун мебошанд -
псевдокласи
:valid,
ки услуби вурудеро муайян мекунад, ки дар он қимати дуруст ворид карда шудааст -
псевдокласи
:invalid,
ки услуби вурудеро муайян мекунад, ки дар он қимати нодуруст ворид карда шудааст