6. Элементы select, optgroup и option

Начальный тег: обязателен, Конечный тег: обязателен

Определения атрибутов элемента SELECT

name =

Определяет имя управляющего элемента.

size =

Если элемент SELECT представлен в виде списка с возможностью прокрутки, этот атрибут определяет число строк в списке, видимых в один момент времени. Визуальные агенты пользователей не обязательно должны представлять элемент SELECT в виде списка; они могут использовать другие механизмы - например, выпадающие меню.

multiple

Если этот логический атрибут установлен, он позволяет выбирать несколько пунктов. Если он не установлен, в элементе SELECT можно выбрать только один вариант.

Элемент SELECT создает меню. Каждый вариант пункт меню представляется элементом OPTION. Элемент SELECT должен содержать хотя бы один элемент OPTION.

Элемент OPTGROUP позволяет авторам логически группировать варианты. Обычно это полезно, если пользователь должен делать выбор в длинном списке вариантов; группы связанных вариантов проще просматривать и запоминать, чем один длинный список вариантов. В HTML 4.0 все элементы OPTGROUP должны задаваться непосредственно в элементе SELECT (т.е. группы не могут быть вложенными).

6.1. Заранее выбранные варианты

Варианты могут быть выбраны заранее. Агенты пользователей должны определять, какие варианты выбраны, следующим образом:

• Если ни для одного элемента OPTION не установлен атрибут selected, ни один вариант заранее не выбран.

• Если для одного элемента OPTION установлен атрибут selected, этот вариант должен быть выбран заранее.

• Если для элемента SELECT установлен атрибут multiple, и для нескольких элементов OPTION установлен атрибут selected, они должны быть выбраны заранее.

• Считается ошибкой, если для нескольких элементов OPTION установлен атрибут selected, а для элемента SELECT не установлен атрибут multiple. Агенты пользователей могут по-разному обрабатывать эту ошибку, но не должны заранее выбирать более одного варианта.

Элемент optgroup

Начальный тег: обязателен, Конечный тег: обязателен

Определения атрибутов элемента OPTGROUP

label =

Метка группы вариантов.

Примечание. Разработчикам рекомендуется иметь в виду, что в будущих версиях HTML механизм группировки может быть расширен для поддержки вложенных групп (т.е. элементы OPTGROUP смогут быть вложенными). Это позволит авторам представлять более сложную иерархию вариантов.

Элемент option

Начальный тег: обязателен, Конечный тег: optional

Определения атрибутов элемента OPTION

selected

Если этот логический атрибут установлен, этот вариант выбран заранее.

value =

Определяет исходное значение управляющего элемента. Если этот атрибут не установлен, исходное значение устанавливается равным содержимому элемента OPTION.

label =

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

При представлении пункта меню агенты пользователей должны использовать значение атрибута label элемента OPTION в качестве выбора. Если этот атрибут не определен, агенты пользователей должны использовать содержимое элемента OPTION.

Атрибут label элемента OPTGROUP определяет метку группы вариантов.

В этом примере мы создадим меню, позволяющее пользователю выбрать, какую из семи программ установить. Первая и вторая программы выбраны заранее, но пользователь может отменить их выбор. Остальные программы заранее не выбраны. Атрибут size определяет, что меню должно занимать 4 строки, хотя пользователь и имеет 7 вариантов. Доступ к другим вариантам должен обеспечиваться с помощью механизма прокрутки.

За элементом SELECT следуют кнопки отправки и сброса.

<FORM action="http://somesite.com/prog/component-select" method="post">

<P>

<SELECT multiple size="4" name="component-select">

<OPTION selected value="Component_1_a">Программа_1</OPTION>

<OPTION selected value="Component_1_b">Программа _2</OPTION>

<OPTION>Программа _3</OPTION>

<OPTION>Программа _4</OPTION>

<OPTION>Программа _5</OPTION>

<OPTION>Программа _6</OPTION>

<OPTION>Программа _7</OPTION>

</SELECT>

<INPUT type="submit" value="Отправить"><INPUT type="reset">

</P>

</FORM>

Успешными будут только выбранные варианты (с использованием имени управляющего элемента "component-select"). Обратите внимание, что, если установлено значение атрибута value, оно определяет исходное значение управляющего элемента, в противном случае это будет содержимое элемента.

В этом примере мы используем элемент OPTGROUP для группировки вариантов. Следующая разметка:

<FORM action="http://somesite.com/prog/someprog" method="post">

<P>

<SELECT name="ComOS">

<OPTGROUP label="PortMaster 3">

<OPTION label="3.7.1" value="pm3_3.7.1">PortMaster 3 и ComOS 3.7.1

<OPTION label="3.7" value="pm3_3.7">PortMaster 3 и ComOS 3.7

<OPTION label="3.5" value="pm3_3.5">PortMaster 3 и ComOS 3.5

</OPTGROUP>

<OPTGROUP label="PortMaster 2">

<OPTION label="3.7" value="pm2_3.7">PortMaster 2 и ComOS 3.7

<OPTION label="3.5" value="pm2_3.5">PortMaster 2 и ComOS 3.5

</OPTGROUP>

<OPTGROUP label="IRX">

<OPTION label="3.7R" value="IRX_3.7R">IRX и ComOS 3.7R

<OPTION label="3.5R" value="IRX_3.5R">IRX и ComOS 3.5R

</OPTGROUP>

</SELECT>

</FORM>

представляет следующую группировку:

PortMaster 3

3.7.1

3.7

3.5

PortMaster 2

3.7

3.5

IRX

3.7R

3.5R

Визуальные агенты пользователей могут обеспечивать выбор в группах вариантов с помощью иерархических меню или с использованием любого другого механизма, отражающего структуру вариантов.