အတုအယောင် အတန်းအစား invalid

အတုအယောင် အတန်းအစား invalid သည် တန်ဖိုးမှားရိုက်ထည့်ထားသော သို့မဟုတ် သတ်မှတ်ထားသော အမျိုးအစားနှင့် မကိုက်ညီသော တန်ဖိုးကို ရိုက်ထည့်ထားသော input အတွက် စတိုင်ကို သတ်မှတ်ပေးသည်။

ဝါကျဖွဲ့ပုံ

ရွေးချယ်သူ:invalid {

}

ဥပမာ

မှားယွင်းသော တန်ဖိုးကို ရိုက်ထည့်သောအခါ input ၏ နောက်ခံကို ပန်းရောင်သို့ ပြောင်းလဲပြီး၊ ရွေးချယ်ထားသော အမျိုးအစားနှင့် ကိုက်ညီမှု စစ်ဆေးခြင်းကို အောင်မြင်သောအခါ စိမ်းလန်းသော အရောင်ပြန်သို့ ပြောင်းလဲကြပါစို့:

<p>သင်၏ အီးမေးလ် လိပ်စာကို ရိုက်ထည့်ပါ</p>
<p><input type="email"></p>

input:invalid {
	background: #E37D76;
}
input:valid {
	background: #9DDFA4;
}

ဒါလည်းကြည့်ပါ

အတုအယောင် အတန်းအစား :valid,
အထဲတွင် တန်ဖိုးမှန်ကို ရိုက်ထည့်ထားသော input အတွက် စတိုင်သတ်မှတ်ပေးသည်
အတုအယောင် အတန်းအစား :default,
ပုံသေအနေနှင့် ဒြပ်စင်များအတွက် စတိုင်သတ်မှတ်ပေးသည်
အတုအယောင် အတန်းအစား :in-range,
သတ်မှတ်ထားသော အတိုင်းအတာ တန်ဖိုးများရှိသည့် ဒြပ်စင်များအတွက် စတိုင်သတ်မှတ်ပေးသည်
အတုအယောင် အတန်းအစား :out-of-range,
၎င်းတို့၏ တန်ဖိုးများသည် အတိုင်းအတာအပြင်သို့ ရောက်ရှိနေသည့် ဒြပ်စင်များအတွက် စတိုင်သတ်မှတ်ပေးသည်