Меню: елементи select, optgroup й option

Синтаксис: <SELECT>…</SELECT> (текстовий елемент) Атрибути: id, class, style, title, lang, dir, події name = CDATA (ім'я керуючого елемента) size = число (кількість видимих опцій) multiple = multiple (дозволяє множинний вибір) disabled = disabled (елемент заборонений) tabindex = число (номер у порядку натискання табуляції) onfocus = сценарій (при одержанні елементом фокуса) onblur = сценарій (при втраті елементом фокуса) onchange = сценарій (при зміні значення елемента) Підтримка: Відповідає стандарту (5.0+) Атрибути disabled й tabindex ігноруються (4.0+)

Елемент SELECT створює керуючий елемент форми, призначений для вибору користувачем опцій зі списку. Звичайно цей елемент відображається у вигляді меню, що випадає. Його вмістом можуть бути тільки елементи OPTGROUP й OPTION, які визначають відповідний список опцій. Він може втримуватися в будь-яких блокових і текстових елементах, крім BUTTON.

Атрибут name задає ім'я даного керуючого елемента. Атрибут size указує оглядачам розмір видимої частини списку опцій. Якщо загальна кількість опцій більше, те оглядач повинен забезпечити прокручування вікна списку, щоб забезпечити доступ до всіх опцій.

За замовчуванням, користувач може вибрати тільки одну опцію зі списку. Щоб дозволити йому вибір декількох опцій одночасно, варто включити в даний елемент атрибут multiple. У цьому випадку кожна з обраних опцій передається при пересиланні форми як окрема пара ім'я/значення.

Атрибут disabled забороняє даний керуючий елемент. Це означає, що елемент не може одержати фокус, не доступний шляхом натисканні табуляції й не може бути успішним. Спосіб відображення забороненого елемента залежить від оглядача.

Значенням атрибута tabindex повинне бути ціле число в діапазоні від 0 до 32767. Це число задає номер даного елемента при русі по Веб-сторінке натисканнями клавіші Tab. Якщо tabindex дорівнює 0 або не задано, то даний елемент одержить фокус після всіх елементом з позитивним значенням tabindex. При збігу значень tabindex у декількох елементів першим одержує фокус той, котрий раніше зустрічається в документі.

Даний елемент підтримує обробку наступних нестандартних подій:

- onfocus — відбувається, коли елемент одержує фокус;

- onblur — відбувається, коли елемент губить фокус;

- onchange — відбувається, коли елемент губить фокус і його значення змінилося з моменту попереднього одержання фокуса.

Синтаксис: <OPTGROUP>…</OPTGROUP> (текстовий елемент) Атрибути: id, class, style, title, lang, dir, події label = текст (мітка групи опцій) disabled = disabled (елемент заборонений) Підтримка: Не підтримується Не підтримується Синтаксис: <OPTION>…</OPTION> (текстовий елемент) Атрибути: id, class, style, title, lang, dir, події value = CDATA (ім'я опції) label = текст (мітка опції) selected = selected (опція начально обрана) disabled = disabled (елемент заборонений) Підтримка: Атрибути disabled й label ігноруються (5.0+) Атрибути disabled й label ігноруються (4.0+)

Елементи OPTION й OPTGROUP призначені для завдання відповідно опцій і груп опцій. Вони можуть уживатися тільки усередині елемента SELECT. Елемент OPTGROUP може містити тільки елементи OPTION, а елемент OPTION — тільки звичайний текст (включаючи спеціальні символи).

Обов'язковий атрибут label елемента OPTGROUP задає мітку групи опцій, що може виводитися оглядачем при відображенні списку опцій. Сучасні оглядачі не підтримують цей елемент, але його використання усередині елемента SELECT дозволяє зробити логічну структуру меню більше наочної, хоча й не впливає поки на його відображення.

Тепер можна розглянути елемент OPTION. Атрибут value задає ім'я цього елемента, що використається при пересиланні форми; якщо цього атрибута ні, те ім'ям опції вважається вміст даного елемента. Атрибут selected указує, що дана опція є обраною в момент відображення меню. Меню може містити тільки одну опцію із цим атрибутом, якщо в нього немає атрибута multiple. Атрибут label задає текст опції, що відображається оглядачем; якщо цього атрибута ні, те відображається вміст даного елемента. Атрибут disabled уживається так само, як в елементі SELECT.

Приклад меню, що містить всі три описаних елементи:

Code 8.3 <FORM action="http://mysite.com/cgi-bin/selector" method="post"> <P>Який оглядач ви використаєте? <SELECT name="browser"> <OPTGROUP label="Netscape Navigator"> <OPTION label="4.x або вище">Netscape Navigator 4.x або вище</OPTION> <OPTION label="3.x">Netscape Navigator 3.x</OPTION> <OPTION label="2.x">Netscape Navigator 2.x</OPTION> <OPTION label="1.x">Netscape Navigator 1.x</OPTION> </OPTGROUP> <OPTGROUP label="Microsoft Internet Explorer"> <OPTION label="4.x або вище">Internet Explorer 4.x або вище</OPTION> <OPTION label="3.x">Internet Explorer 3.x</OPTION> <OPTION label="2.x">Internet Explorer 2.x</OPTION> <OPTION label="1.x">Internet Explorer 1.x</OPTION> </OPTGROUP> <OPTGROUP label="Opera"> <OPTION label="3.x або вище">Opera 3.x або вище</OPTION> <OPTION label="2.x">Opera 2.x</OPTION> </OPTGROUP> <OPTION selected="selected">Інші</OPTION> </SELECT> <INPUT type="submit" value="Send"> <INPUT type="reset"> </P></FORM>