Тег select используется для создания раскрывающегося списка, который появляется при щелчке мышью по элементу формы и позволяет посетителю сайта выбрать один из предопределенных вариантов.
Элемент select может содержать два и более элементов , определяющих доступные варианты выбора в раскрывающемся списке. Ширина списка будет определяться самым длинным текстом, указанным в теге option.
Так же внутри элемента select может располагаться список элементов .
Атрибуты
- autofocus:
- Указывает, что элемент должен автоматически получить фокус при загрузке веб-страницы. Возможные значения логического атрибута autofocus:
select autofocus
select autofocus="autofocus"
select autofocus="" Примечание: атрибут autofocus не поддерживается в IE9 и более ранних версиях, и в Firefox.
- disabled:
- Указывает, что элемент неактивен, то есть пользователь не сможет взаимодействовать с элементом. Возможные значения логического атрибута disabled:
select disabled
select disabled="disabled"
select disabled=""
- form:
- Определяет форму с которой связан элемент. В качестве значения атрибута выступает идентификатор элемента . Этот атрибут позволяет размещать элемент select в произвольном месте документа, а не только в качестве потомка элемента form.
Примечание: атрибут form не поддерживается в Firefox.
- multiple:
- Указывает, что за один раз можно выбрать несколько вариантов. Выбор нескольких вариантов различается в зависимости от операционной системы:
- Windows: удерживайте нажатой клавишу CTRL для выбора нескольких вариантов.
- Mac: удерживайте нажатой клавишу CMD для выбора нескольких вариантов.
Возможные значения логического атрибута multiple:
select multiple
select multiple="multiple"
select multiple="" Примечание: из-за различных способов выбора нескольких элементов и дополнительного уведомления пользователей о доступности выбора нескольких вариантов, рекомендуется вместо раскрывающегося списка использовать флажки.
- name:
- Определяет имя для раскрывающегося списка. Оно может быть использовано для доступа к данным формы после ее отправки или для ссылки на элемент в JavaScript.
- size:
- Указывает количество видимых вариантов в раскрывающимся списке. Если значение атрибута size больше 1, но меньше общего количества вариантов списка, то браузер автоматически добавит полосу прокрутки, чтобы указать, что есть еще варианты для просмотра.
Тег select так же поддерживает и
Пример
select
option value="volvo"Volvo/option
option value="saab"Saab/option
option value="opel"Opel/option
option value="audi"Audi/option
/select
|