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

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

ဝါကျဖွဲ့ပုံ

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

}

ဥပမာ

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

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

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

Результат:

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