Атрибут list

Описание

Указывает на список вариантов.

Синтаксис

<input list='идентификатор'>
<datalist id='идентификатор'>
<option value='Текст №1'>
<option value='Текст №2'>
</datalist>

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<p>Выберите любимый фильм:</p>
<p>
<input list='list-film'>
<datalist id='list-film'>
<option value='Солдатик'></option>
<option value='Чебурашка'></option>
<option value='Другое'></option>
</datalist>
</p>
</body>
</html>

Выберите любимый фильм:

Читайте также

Тег <body>. Атрибут rightmargin

Определяет отступ от правого края окна браузера до контента веб-страницы.<br>По умолчанию 1...

Тег <select>. Атрибут size

Кол - во отображаемых строк списка.<br>Устанавливает высоту списка. Если значение атрибута ...

Тег <input>. Атрибут step

Устанавливает шаг изменения числа.

Тег <option>. Атрибут disabled

Делает пункт списка неактивным.

Тег <td>. Атрибут valign

Выравнивает содержимое ячейки по вертикали.