Тег HTML 5 Datalist - httpdoc.ru

Тег HTML Datalist

<datalist> Тег HTML используется для обеспечения функции автозаполнения. Когда пользователь начинает печатать, он предоставляет список предопределенных параметров, связанных с вводом пользователем.

Примеры тегов HTML Datalist

<datalist> Метка должна использоваться с <input> элементом , который содержит list атрибут , который связан с идентификатором DataList.
Давайте посмотрим на простой пример тега HTML5 datalist. Если вы нажмете C с клавиатуры, отобразится список браузеров, начинающийся с буквы C. type Атрибут определяет формат видео файла , используемый.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
  <title> HTML datalist Tag </title>	
  <meta charset="UTF-8">
</head>
<body>

<form action="action-page.php" method="get">
  <input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Microsoft Edge">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
    <option value="UC Browser">
  </datalist>
  <input type="submit">
</form>     

</body>
</html>

Выход

HTML datalist Tag Example

Поддержка браузера

Элемент
Microsoft Edge browser.png Край
Chrome browser.png Хром
Firefox browser.png Fire Fox
Opera browser.png Опера
safari browser.png Сафари
<datalist>
да
да
да
да
да