/html/option:> Пункт раскрывающегося списка_
Элемент option
Синтаксис
(X)HTML
<select> <option> ... </option> ... </select>
Описание
Элемент option
(от англ. "option" ‒ «выбор, вариант») создаёт элемент раскрывающегося списка.
Примечание
Пункты списка можно сгруппировать с помощью элемента optgroup
.
Условия использования
В данный элемент допускается вкладывать только текст, а сам option
должен быть вложен в элемент select
.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел | |
---|---|---|
HTML | ||
2.0 | Option: OPTION | Перевод |
3.2 | SELECT menus | |
4.01 | 17.6.1 Pre-selected options DTD: Transitional
Strict
Frameset
|
|
5.0 | 4.10.10 The option element | |
5.1 | 4.10.10. The option element | |
XHTML | ||
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
|
1.1 | Extensible HyperText Markup Language |
Атрибуты
- disabled
- Блокирует элемент списка.
- label
- Указывает короткий вариант (метку) текстового содержимого элемента списка.
- selected
- Выбирает элемент меню.
- value
- Указывает начальное значение варианта.
- Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент option</title>
</head>
<body>
<h1>Пример использования элемента "option"</h1>
<p>В каком году вы родились?</p>
<select>
<option>до 1991</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>после 1995</option>
</select>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент option</title>
</head>
<body>
<h1>Пример использования элемента "option"</h1>
<p>В каком году вы родились?</p>
<select>
<option>до 1991</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>после 1995</option>
</select>
</body>
</html>
Элемент option