|
Для создаваемых форм HTML предлагает множество способов для выбора элементов из списка. Список может быть представлен в виде одной строки, в которой пользователь щелкает на стрелке, чтобы просмотреть все возможные варианты выбора (выпадающий список), или же список может иметь вид стандартного прокручиваемого списка, в котором может быть выбрано один или более элементов. Вся эта функциональность обеспечивается двумя HTML-дескрипторами: <SELECT>, который определяет список (подобно тому, как <FORM> определяет форму), и <OPTION>, который используется для определения элементов списка. В табл. 4.4 и 4.5 описаны допустимые атрибуты дескрипторов <SELECT> и <OPTION>.
Таблица 4.4. Атрибуты HTML-дескриптора <SELECT>
Атрибут Описание
NAME Имя, присвоенное списку.
SI ZE Количество элементов для одновременного отображения в списке (значение 1 обозначает выпадающий список).
MULTIPLE Флаг, указывающий на то, что можно выбирать одновременно несколько элементов.
Таблица 4.5. Атрибуты HTML-дескриптора <OPTION>
Атрибут Описание
VALUE Значение, которое отправляется, если элемент выбран.
SELECTED Флаг, указывающий, что данный элемент выбран по умолчанию. »
НА ЗАМЕТКУ
Выпадающие списки не могут использовать атрибут MULTIPLE.
В листинге 4.6 создается два списка. Первый — выпадающий список для выбора пользователем его любимого цвета, и второй — для указания одного или более любимого блюда.
Листинг 4.6. Использование списков в HTML
<SELECT ЫАМЕ="цвета" SIZE=1>
<OPTION VALUE="красный">Мне нравится красный</ОРТЮЫ>
<OPTION VALUE="синий">Мне нравится синий</ОРТЮЫ>
<OPTION УАЬиЕ="зеленый">Мне нравится зеленый</ОРТЮЫ>
</SELECTXBRXBR>
<SELECT ЫАМЕ="Блюда" SIZE=4 MULTIPLE>
<OPTION УАШЕ="Китайские">Мне нравятся китайские блюда</ОРТЮЫ>
•COPTION VALUE="Мексиканские">Мне нравятся мексиканские блюда</0РТ1(Ж>
<OPTION УАИ)Е="Американские">Мне нравятся американские блюда</0РТ10Ы>
<OPTION \?АИ7Е="Итальянские">Мне нравятся итальянские блюда</ОРТЮЫ> i
<OPTION УАШЕ="никакие">Мне не нравятся никакие из этих блюд</ОРТ1Сда>
</SELECT>
|
![[Image]](/.s/t/121/3.gif){kind=small}
![[Image]](/.s/t/121/5.gif){kind=small}
SEO, технологии, игры, IT новости![[Image]](/.s/t/121/8.gif){kind=small}
![[Image]](/.s/t/121/9.gif){kind=small}
![[Image]](/.s/t/121/7.gif){kind=small}
