HTML справочник

Полный список HTML тегов

HTML: <input> list свойство

Свойство list ссылается на элемент <datalist>, который содержит предварительно определенные опции для элемента <input>, свойство list - это новое свойство HTML5.

　HTML <input> тег

Онлайн пример

Элемент <input> с предварительно определенными значениями в <datalist>:

Пример

<!DOCTYPE html>
<html>
<head>
<title>HTML:<input> list свойство - Основной учебник (oldtoolbag.com)</title>
<body>
<form action="action_page.php" method="get">
　　<input list="languages" name="language">
　　<datalist id="languages">
　　　　<option value="Golang">
　　　　<option value="C#">
　　　　<option value="C++">
　　　　<option value="PHP">
　　　　<option value="Java">
　　</datalist>
　　<input　type="submit">
</form>
</body>
</html>

Проверьте, ‹/›

Совместимость браузеров

IEFirefoxOperaChromeSafari

Internet Explorer 10, Firefox, Opera и Chrome поддерживают атрибут list.

Внимание:Safari и Internet Explorer 9 и более ранние версии не поддерживают атрибут list тега <input>.

Определение и использование

Ссылка на атрибут list <datalist> Элементы, содержащие предварительно определённые варианты для элемента <input>.

Различия между HTML 4.01 и HTML5

Атрибут list является новым в HTML5.

Синтаксис

<input list="datalist_id">

Значение атрибута

Значение	Описание
datalist_id	Определяет идентификатор datalist, привязанного к элементу <input>.

　HTML <input> тег

HTML: <template> тег