<datalist>
Misol
Oldindan belgilangan variantlarga ega datalist (<input> elementiga ulangan):
<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>
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
<datalist> tegi <input> elementi uchun oldindan belgilangan variantlar ro‘yxatini belgilaydi.
<datalist> tegi <input> elementlari uchun "avtomatik to‘ldirish" (autocomplete) imkoniyatini taqdim etish uchun ishlatiladi. Foydalanuvchilar ma’lumot kiritayotganda oldindan belgilangan variantlarning ochiladigan ro‘yxatini ko‘radi.
<datalist> elementining id atributi <input> elementining list atributiga teng bo‘lishi kerak (bu ularni o‘zaro bog‘laydi).
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi raqamlar elementni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Element | |||||
|---|---|---|---|---|---|
| <datalist> | 20.0 | 10.0 | 4.0 | 12.1 | 9.5 |
Global atributlar
<datalist> tegi HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.
Hodisa atributlari
<datalist> tegi HTML’dagi hodisa atributlarini ham qo‘llab-quvvatlaydi.
Tegishli sahifalar
HTML DOM ma’lumotnomasi: Datalist obyekti
Standart CSS sozlamalari
Ko‘pchilik brauzerlar <datalist> elementini quyidagi standart qiymatlar bilan ko‘rsatadi:
datalist {
display: none;
}
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!