HTML <datalist> အချက်အလက်
အသုံးပြုပုံ နှင့် အသုံးပြုခြင်း
အကို <input> အအုပ်အဖွဲ့သတ်မှတ်ထားသော အချက်အလက် အသင်းကို သတ်မှတ်ပါ
အကို
<input>
အအုပ်အဖွဲ့အရာသည် 'အဆိုပါ' အကို ပေးသည်။ အသုံးပြုသူ အရာသွင်းလျှင်,သတ်မှတ်ထားသော အချက်အလက်များ အဆင့်ဆင့် ဖြင့် ဖြိုဖြင့် ပြောင်းလဲသွားသည်။
အအုပ်အဖွဲ့အရာ၏ id အကို
<input>
အအုပ်အဖွဲ့ list အကို(အားဖြင့် အားနည်းသော ဆက်ကင်းသည့်အရာကို သတ်မှတ်ထားသည်)。
တုံ့ပြန်ဖတ်ရန်:
HTML DOM လက်တွေရှိချက်:Datalist အရာ
အကြောင်းအရာ
သတ်မှတ်ထားသော အချက်အလက်ပါသော ဒေါင်းလုံးအသင်း (input အအုပ်အဖွဲ့ကို ဆက်သွယ်ထားသည်):
<label for="browser">ကိုယ်ဝင် မိတ်ဖုန်းများမှ မိတ်ဖုန်းသွင်းသည့်အရာကို ရွေးချယ်ပါ:</label> <input list="browsers" name="browser" id="browser"> <datalist id="browsers">
全局属性
标签还支持 HTML 中的全局属性。
事件属性
标签还支持 HTML 中的事件属性。
默认的 CSS 设置
大多数浏览器将使用以下默认值显示 元素:
datalist { display: none; }
浏览器支持
表中的数字注明了首个完全支持该元素的浏览器版本。
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
20.0 | 10.0 | 4.0 | 12.1 | 9.5 |