နိမိတ်ပုံ အတန်းအစား placeholder-shown

နိမိတ်ပုံ အတန်းအစား placeholder-shown သည် စာရိုက်ထည့်ခြင်း စတင်ပြီးနောက် ပျောက်ကွယ်သွားသည့် အရိပ်အမြွက် စာသားပြသသည့် input သို့မဟုတ် textarea များအတွက် စတိုင်ကို သတ်မှတ်ပေးသည်။

ဝါကျဖွဲ့ပုံ

cssရွေးချယ်သူ:placeholder-shown {}

နမူနာ

အရိပ်အမြွက် စာသားပြသသည့် input အတွက် အနီရောင် ဘောင်သတ်ပေးပြီး စာရိုက်ထည့်ပြီးနောက်တွင် ဘောင်သည် အစိမ်းရောင်သို့ ပြောင်းသွားပါစေ။

html<form>
  <input placeholder="enter the text">
</form>

cssinput {
  border: 1px solid green;
}
input:placeholder-shown {
  border-color: red;
}

Результат:

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