အတု-အတန်း 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,
မမှန်ကန်သော တန်ဖိုးကို ထည့်သွင်းထားသည့် အင်ပူ့အတွက် ပုံစံသတ်မှတ်ပေးသည်