DEV Community

Diyor Kadirkulov
Diyor Kadirkulov

Posted on

HTML Datalist tegi

HTML Datalist tegi huddi tegiga o'xshash har xil optisiyalar tanlash uchun foydalaniladigan teg. Lekin ulardan foydalanish holatlari xar hil. Quyida misol tariqasida kod keltiraman:

<form action="/action_page.php">
<input list="browsers" name="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
<input type="submit">
</form>

Datalist tegining tegidan farqli tomoni tegida ko'rsatilgan optsiyalar dagi larga o'xshab foydalanuvchiga ko'rinib turmaydi. Foydalanuvchi bo'sh fieldga yozishni boshlagan payti, unda optionlar ko'rinishni boshlaydi va shu yerdan u o'ziga kerakli bo'lgan optionni tanlasa bo'ladi.

Ya'ni foydalanuvchi tegida faqat berilgan optionlardan hech bo'lmaganida bittasini tanlashga majbur, tegida esa userga faqatgina takliflar chiqadi va user ularni tanlashga majbur emas o'zi xohlagan optionni yozib shu optionni kiritishi va jo'natishi mumkin.

tegini orasidagi farqlar shulardan iborat.

Top comments (0)