HTML နှင့်ပတ်သက်သော အဓိကပြဿနာ
<datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist>
1. ဤကုဒ်သည် ဒေတာစာရင်းဟုခေါ်သော HTML ဒြပ်စင်တစ်ခုကို ဖန်တီးပေးသည်၊ ၎င်းသည် ထည့်သွင်းမှုအကွက်အတွက် ရွေးချယ်စရာများစာရင်းကို ဖန်တီးရန် အသုံးပြုသည်။
2. ဒေတာစာရင်းတွင် "ဘရောက်ဆာများ" ၏ id attribute တစ်ခုရှိသည်။
3. ဒေတာစာရင်းအတွင်းတွင်၊ တစ်ခုစီတွင် ဝဘ်ဘရောက်ဆာတစ်ခု (Chrome၊ Firefox၊ Internet Explorer၊ Opera နှင့် Safari) အမည်ပါရှိသော တန်ဖိုး attribute တစ်ခုစီပါ၀င်သည်။
4. ဤဒေတာစာရင်းနှင့် ဆက်စပ်နေသော ထည့်သွင်းမှုအကွက်သို့ အသုံးပြုသူအမျိုးအစားများ ထည့်သွင်းသောအခါတွင် ဤတန်ဖိုးများကို အကြံပြုချက်အဖြစ် အသုံးပြုပါမည်။
မာတိကာ
ဒေတာစာရင်းတက်ဂ်ဆိုတာ ဘာလဲ။
HTML
Datalist နဲ့ dropdown ကွာခြားချက်ကဘာလဲ
Datalist သည် အသုံးပြုသူတစ်ဦးမှ ရွေးချယ်ရန် ရွေးချယ်စရာများစာရင်းကို ပံ့ပိုးပေးသည့် HTML အစိတ်အပိုင်းတစ်ခုဖြစ်သည်။ ၎င်းသည် dropdown menu နှင့်ဆင်တူသည်၊ သို့သော်အဓိကကွာခြားချက်မှာအသုံးပြုသူများအား၎င်းတို့၏ကိုယ်ပိုင်တန်ဖိုးများကိုထည့်သွင်းရန်ခွင့်ပြုသည်။ အသုံးပြုသူသည် ထည့်သွင်းမှုအကွက်တွင် စာရိုက်နိုင်ပြီး ဒေတာစာရင်းသည် ၎င်းတို့ရိုက်ခဲ့သည့်အရာအပေါ် အခြေခံ၍ အကြံပြုချက်ပေးမည်ဖြစ်သည်။ အခြားတစ်ဖက်တွင်မူ dropdown menu သည် သုံးစွဲသူများအား ကြိုတင်သတ်မှတ်ထားသော ရွေးချယ်မှုများမှ ရွေးချယ်ရန်သာ ခွင့်ပြုသည်။ ထို့အပြင်၊ ဒေတာစာရင်းတစ်ခုဖြင့် သုံးစွဲသူများသည် ရွေးချယ်မှုအဖြစ် စာရင်းမသွင်းထားသော်လည်း ၎င်းတို့အလိုရှိသော မည်သည့်တန်ဖိုးကိုမဆို ရိုက်ထည့်နိုင်သည်။
HTML ဖောင်တွင်ဒေတာစာရင်းကိုအသုံးပြုနည်း
HTML
ဒေတာစာရင်းဒြပ်စင်ကို အသုံးပြုရန်၊ ဦးစွာ HTML ဖောင်တစ်ခုကို ဖန်တီးရန် လိုအပ်သည်။ element နဲ့ id attribute ပေးလိုက်ပါ။ ထို့နောက်၊ သင်သည် ဖောင်အတွင်း၌ ဒေတာစာရင်းဒြပ်စင်တစ်ခုကို ထည့်သွင်းနိုင်ပြီး ၎င်း၏စာရင်းအရည်အသွေးကို ထည့်သွင်းသည့်အကွက်၏ id နှင့် တန်းတူသတ်မှတ်နိုင်သည်။ ဒေတာစာရင်းအတွင်းတွင် တစ်ခု သို့မဟုတ် တစ်ခုထက်ပို၍ ထည့်နိုင်သည်။
ဥပမာ: