/html/select:> Раскрывающейся список_
Элемент select
Синтаксис
(X)HTML
<select> ... </select>
Описание
Элемент select
(от англ. "select" ‒ «выбирать») создаёт раскрывающееся меню. В select
можно вкладывать пункты раскрывающегося списка и элементы группировки пунктов. При этом ширина списка определяется шириной самого большого текста вложенного в дочерний элемент option
. Элемент select
, как правило, помещается в форму или присоединяется к ней.
Примечание
Если ни один из элементов меню не выбран, то при отправке данных формы ни какие значения данного меню не отправляются.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел | |
---|---|---|
HTML | ||
2.0 | Selection: SELECT | Перевод |
3.2 | SELECT menus | |
4.01 | 17.6 The SELECT, OPTGROUP, and OPTION elements DTD: Transitional
Strict
Frameset
|
|
5.0 | 4.10.7 The select element | |
5.1 | 4.10.7. The select element | |
XHTML | ||
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
|
1.1 | Extensible HyperText Markup Language |
Атрибуты
- autofocus
- Указывает браузеру, что элемент должен получить фокус после загрузки страницы.
- disabled
- Блокирует раскрываюшийся список.
- form
- Присоединяет элемент к форме.
- multiple
- Добавляет возможность множественного выбора.
- name
- Присваивает списку уникальное имя.
- required
- Указывает на обязательность выбора элементов списка.
- size
- Указывает количество элементов списка, которые должны быть отображены.
- Глобальные атрибуты
- 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>Элемент select</title>
</head>
<body>
<h1>Пример использования элемента "select"</h1>
<label>Выберете XHTML спецификацию:
<select>
<option>XHTML 1.0</option>
<option>XHTML 1.1</option>
</select>
</label>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент select</title>
</head>
<body>
<h1>Пример использования элемента "select"</h1>
<label>Выберете XHTML спецификацию:
<select>
<option>XHTML 1.0</option>
<option>XHTML 1.1</option>
</select>
</label>
</body>
</html>
Элемент select