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