Руководство по HTML

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

HTML: <select> тег

Элемент HTML <select> представляет собой контрол, который создает выпадающий список для выбора пользователем. Эти значения下拉 списка определяются последовательностью тегов <option> внутри тега <select>. Этот тег также часто называется элементом <select>.

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

Создание выпадающего списка с несколькими опциями:

Пример

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Использование тега HTML select (Основной учебник сети oldtoolbag.com)</title>
</head>
<body>
<label for="pet-select">Выберите питомца:</label>
<select name="pets" id="pet-select">
　　　　<option value="">--Пожалуйста, выберите опцию--</option>
　　　　<option value="dog">Dog</option>
　　　　<option value="cat">Cat</option>
　　　　<option value="hamster">Hamster</option>
　　　　<option value="parrot">Parrot</option>
　　　　<option value="spider">Spider</option>
　　　　<option value="goldfish">Goldfish</option>
</select>
</body>
</html>

Проверьте, посмотрите <‹/›

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

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают тег <select>.

Описание и руководство по использованию тега

Элемент <select> используется для создания выпадающего списка.
В элементе <select> <option> Метка, которая предоставляет список значений для выпадающего списка, доступных опций.

По умолчанию, первый элемент в маркере <select> отображается как выбранное значение. Пользователь может выбрать другой элемент из выпадающего списка.

Советы и注意事项

Совет:Элемент <select> является формальным контролем, который можно использовать для приема ввода пользователя в форме.

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

HTML5 добавил новые свойства.

Свойства

New: Добавленные свойства в HTML5.

Свойства	Значение	Описание
autofocusHTML5	autofocus	Определяет автоматическое фокусирование списка при загрузке страницы.
disabled	disabled	При значении true список будет отключен.
formHTML5	form_id	Определяет форму, к которой относится select-поле.
multiple	multiple	При значении true можно выбирать несколько элементов.
name	text	Определяет имя списка.
requiredHTML5	required	Обязательное свойство для выбора элемента списка перед отправкой формы.
size	number	Определяет количество видимых элементов списка.

Глобальные свойства

Поддержка тега <select> Глобальные свойства HTML.

Событийные свойства

Поддержка тега <select> Событийные свойства HTML.

Связанные статьи

Руководство по HTML DOM: Объект Select

HTML: <small> тег HTML: <section> тег