Меню: елементи SELECT, OPTGROUP й OPTION

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

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

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

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

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

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

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

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

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

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

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

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

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