Описание тега html-datalist

В datalist элемент был введен в HTML5 как средство предоставления предложений inputэлементы в раскрывающемся списке. Множественныйinput поля могут использовать те же datalist.

А datalist элемент требует id атрибут, позволяющий input элементы, чтобы указать на него как на источник предложений через listатрибут. Сам элемент состоит из несколькихoption элементы очень похожи на select. Вoption элементы могут содержать внутренний текст и value атрибут.

<input type="text" list="countries">
<datalist id="countries">
    <option value="US">United States of America</option>
    <option value="CA">Canada</option>
    <option value="FR">France</option>
</datalist>

Пока что datalistподдерживается последними версиями всех основных браузеров, кроме Safari. Реализация в разных браузерах различается, отчасти из-за отсутствия подробностей в спецификациях.

Смотрите также:

• https://html.spec.whatwg.org/multipage/form-elements.html#the-datalist-element
• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist