<datalist>

HTML тег <datalist> задає список можливих варіантів введення для елемента <input>. HTML тег <datalist> використовується, для забезпечення "autocomplete" (автозавершення) для елемента <input>. По типу того, як гугл пропонує можливі варіанти пошукового запиту.

Використовуйте атрибут list елемента <input>, щоб зв'язати поле разом з елементом <datalist>.

Спочатку цей список прихований та він стає доступним при отриманні полем фокусу або при початку введення тексту.

Синтакс

<input list="<ідентифікатор>">
<datalist id="<ідентифікатор>">
 <option value="Варіант1">
 <option value="Варіант2">
</datalist>

Приклади