Тег select

Для организации списков с прокруткой и выпадающим меню можно использовать атрибут <SELECT>. Для определения списка пунктов используются элементы <OPTION> внутри <SELECT>.

Вместе с атрибутом SELECT можно использовать следующие атрибуты:

· NAME - наименование переменной объекта-списка

· MULTIPLE - позволяет выбрать более чем одно наименование

· SIZE - определяет число пунктов, видимых для пользователя.
SIZE = 1 - браузер выводит список на экран в виде выпадающего меню (видно одно наименование)
SIZE > 1 - браузер представляет на экране обычный список (число - количество видимых наименований)

C элементом OPTION можно использовать следующие атрибуты:

· SELECTED - для первоначального выбора значения элемента по умолчанию

· VALUE - значение, возвращаемое формой после выбора пользователем данного пункта. По умолчанию значение поля равно индексу элемента <OPTION>.

Когда пользователь заполняет форму, атрибут NAME элемента <SELECT> состыковывается с атрибутом VALUE элемента для формирования наименования, выбранного пользователем.

Пример 11
<SELECT NAME="Fruits" SIZE=3 >
<OPTION>Сливы
<OPTION> Груши
<OPTION value="Lemon_and_orange">Лимоны и апельсины
<OPTION selected> Яблоки
</SELECT>

В окне браузера это будет выглядеть так:

Сливы Груши Лимоны и апельсины Яблоки

Метка <SELECT> может также содержать атрибут MULTIPLE, присутствие которого показывает, что из меню можно выбрать несколько элементов. Большинство браузеров показывают меню <SELECT MULTIPLE> в виде окна, в котором находятся элементы меню (высоту окна в строках можно задать атрибутом SIZE=[число]). Для выбора нескольких значений одновременно удерживают кнопку "SHIFT" и выбирают значения мышкой.

<SELECT MULTIPLE SIZE=3 NAME="[имя]">

<OPTION VALUE="[значение 1]">[текст 1]

<OPTION VALUE="[значение 2]">[текст 2]

<OPTION VALUE="...">[...]

<OPTION VALUE="[значение n]">[текст n]

</SELECT>




double arrow
Сейчас читают про: