HTML <datalist> Tag
ဥပမာ
ကြိုတင်သတ်မှတ်ရွေးချယ်စရာများပါရှိသော ဒေတာစာရင်း ( <input> ဒြပ်စင်တစ်ခုသို့ ချိတ်ဆက်ထားသည်)
<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
tag သည် <datalist>
<input> element တစ်ခုအတွက် ကြိုတင်သတ်မှတ်ထားသော ရွေးချယ်စရာများစာရင်းကို သတ်မှတ်ပေးပါသည်။
<datalist>
<input> ဒြပ်စင်များအတွက် "အလိုအလျောက်ဖြည့်သွင်းခြင်း" အင်္ဂါရပ်ကို ပေးဆောင်ရန် တဂ်ကို အသုံးပြုသည် ။ အသုံးပြုသူများသည် ၎င်းတို့ဒေတာထည့်သွင်းသည့်အခါ ကြိုတင်သတ်မှတ်ထားသော ရွေးချယ်စရာများစာရင်းကို မြင်ရပါမည်။
ဒြပ်စင် ၏ <datalist>
ID ရည်ညွှန်းချက်သည် <input> ဒြပ်စင်၏စာရင်း ရည်ညွှန်းချက်နှင့် ညီရမည် (၎င်းတို့သည် ၎င်းတို့ကို ပေါင်းစည်းထားသည်)။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ဒြပ်စင်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Element | |||||
---|---|---|---|---|---|
<datalist> | 20.0 | 10.0 | 4.0 | 12.1 | 9.5 |
ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ
<datalist>
tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။
ဖြစ်ရပ်ဂုဏ်တော်များ
<datalist>
tag သည် HTML ရှိ Event Attributes ကိုလည်း ပံ့ပိုး ပေးပါသည် ။
ဆက်စပ်စာမျက်နှာများ
HTML DOM ရည်ညွှန်းချက်- ဒေတာစာရင်းအရာဝတ္တု
မူရင်း CSS ဆက်တင်များ
ဘရောက်ဆာအများစုသည် <datalist>
အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-
datalist {
display: none;
}