HTML таг datalist
Пример
Кратък пример как се използва тагът <datalist>.
<label for="browser">Избери браузър:</label>
<input class="form-control" list="browsers" id="browser" name="browser" placeholder="Започни да пишеш...">
<datalist id="browsers">
<option value="Google Chrome">
<option value="Mozilla Firefox">
<option value="Microsoft Edge">
<option value="Safari">
<option value="Opera">
</datalist>Дефиниция и употреба
Виж как се ползва тагът <datalist>.
Елементът <datalist> дефинира списък с предварително зададени опции, които могат да бъдат
предлагани като предложения към потребителя при въвеждане в поле от тип <input>. Обикновено се
използва заедно с атрибута list на <input>, чиято стойност трябва да съвпада с
атрибута id на съответния <datalist>. Вътре в <datalist> се
поставят един или повече елемента <option>, които описват възможните стойности. Потребителят
може да избере една от предложените стойности или да въведе напълно различна, освен ако допълнително не е
ограничен чрез JavaScript или валидация. <datalist> не се визуализира директно на страницата;
браузърът използва съдържанието му, за да показва падащ списък с предложения, когато потребителят започне да
пише в свързаното поле за въвеждане.
Browser Support
| Browser | Поддръжка |
|---|---|
 Chrome |
✔️ |
 Firefox |
✔️ |
 Edge |
✔️ |
 Safari |
✔️ |
 Opera |
✔️ |
Атрибути
Този елемент няма специфични атрибути.