အတု-အတန်း in-range

အတု-အတန်း in-range သည် သတ်မှတ်ထားသော အတိုင်းအတာအတွင်း တန်ဖိုးများကို သတ်မှတ်ထားသည့် အစိတ်အပိုင်းများအတွက် ပုံစံကို သတ်မှတ်ပေးသည်။ တန်ဖိုးအတိုင်းအတာကို min နှင့် max ဂုဏ်အင်များဖြင့် သတ်မှတ်ရပါမည်။

ဝါကျဖွဲ့စည်းပုံ

cssရွေးချယ်သူ:in-range {

}

ဥပမာ

ဂဏန်း 1 မှ 5 အတိုင်းအတာအတွင်း ကျရောက်သော နံပါတ်များကို ထည့်သွင်းသည့် အင်ပူ့အတွက် နောက်ခံအရောင်အဖြစ် ပန်းရောင်ဖျော့ရောင်ကို သတ်မှတ်ကြပါစို့။ ထို့အပြင် ထည့်သွင်းလိုက်သော တန်ဖိုးသည် ရွေးချယ်ထားသည့် ကန့်သတ်ချက်အတွင်း မကျရောက်သည့်အခါ ပန်းရောင်နောက်ခံကိုလည်း သတ်မှတ်ပါမည်။

html<form>
  <p>1 မှ 5 အထိ နံပါတ်တစ်ခု ထည့်ပါ</p>
  <p>
    <input type="number" min="1" max="5" value="1">
  </p>
</form>

cssinput:in-range {
  background: #C2DDFD;
}
input:out-of-range {
  background: #E37D76;
}

Результат:

ဤအရာကိုလည်း ကြည့်ပါ