အဆိုပါ placeholder attribute

အဆိုပါ attribute placeholder သည် HTML ဖောင်၏ အင်္ဂါတစ်ခုသို့ လမ်းညွှန်ချက်တစ်ခု သတ်မှတ်ပေးသည်။

ထိုသို့သော လမ်းညွှန်ချက်သည် အသုံးပြုသူအား ဤအင်္ဂါအတွင်း မည်သည့်အရာကို ထည့်သွင်းရမည်ကို ပြသရန် လိုအပ်သည်။ လမ်းညွှန်ချက် ကိုယ်တိုင်သည် အင်္ဂါအတွင်း တည်ရှိမည်ဖြစ်သော်လည်း၊ attribute value နှင့် မတူဘဲ၊ စာသားထည့်သွင်းရန် ကြိုးစားသည့်အခါ အလိုအလျောက် ပျောက်ကွယ်သွားမည်။

၎င်းကို tags input, textarea တို့တွင် အသုံးပြုသည်။

placeholder လမ်းညွှန်ချက်အတွက် CSS style များကို pseudoelement placeholder ကို အသုံးပြု၍ သင်သတ်မှတ်နိုင်သည်။

နမူနာ

အင်္ဂါတစ်ခုသို့ placeholder လမ်းညွှန်ချက်ကို ထည့်သွင်းကြပါစို့:

html<input type="text" placeholder="အမည်ထည့်ပါ">

Результат:

နမူနာ . အဆိုပါ placeholder နှင့်အတူ value attribute

ဤနေရာတွင် အင်္ဂါတစ်ခုသို့ တပြိုင်နက် လမ်းညွှန်ချက် placeholder နှင့် attribute value ကို ထည့်သွင်းကြပါစို့။ အကယ်၍ သင်သည် attribute value ၏ အကြောင်းအရာကို ဖျက်ပါက၊ ၎င်းအောက်တွင် ပုန်းကွယ်နေသော လမ်းညွှန်ချက်ကို မြင်ရမည်ဖြစ်သည်:

html<input type="text" placeholder="အမည်ထည့်ပါ" value="အိုင်ဗန်">

Результат:

အခြားကြည့်ရှုရန်

  • attribute value,
    အရာသည် အင်္ဂါတစ်ခုအတွက် ပုံသေတန်ဖိုးကို သတ်မှတ်ပေးသည်
  • pseudoelement placeholder,
    အရာသည် လမ်းညွှန်ချက်အတွက် စတိုင်များကို သတ်မှတ်ပေးသည်
  • pseudoclass placeholder-shown,
    အရာသည် လမ်းညွှန်ချက်ပါရှိသော အင်္ဂါအတွက် စတိုင်များကို သတ်မှတ်ပေးသည်