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