Joomla портал
seo seo Subscribe
,

образующего элемент-контейнер.

Г «Г «,.*».„»…,«.,«» T..^rTr,.r:…„. v.}„,..«„ , i

l Листинг 6.6. Пример выпадающего сп||||;||инственного выбора j

не определить атрибуты value, то значения

пользовательских параметров, отправляемых на обработку, будут формироваться

из содержимого контейнеров

.. .
. Иными словами, если

пользователь выберет в нашем списке позицию «Mozilla Firefox» и нажмет

на кнопку Проголосовать, то обработчик получит такие данные:

browser=Moziiia+Firefox. Если же пользователь согласится на нейтральный

ответ «Мне все равно», обработчику будет передана следующая информация:

browser=%CC%ED%E5+%E2%Fl%E5+%F0%E0%E2%ED%EE.

seo
0
seo

Применение веб-технологий стороны клиента для создания сайтов

Совершенно аналогичным образом описываются флажки, позволяющие

пользователю выбрать не один, а несколько вариантов из числа

предложенных.

При этом значением атрибута type тега
выступает ключевое слово

checkbox, а ограничения, касающиеся атрибута checked, становятся

неактуальными — применяя этот атрибут, мы можем сделать активными по

умолчанию хоть все флажки.

[Листинг 6.5, Пример использований флажков

Какие браузеры, на ваш взгляд, хорошо справляются

с поддержкой CSS2?


Microsoft

Internet Explorer 6.0

Opera 8.0

Mozilla

Firefox 1.0

р>

Ф \Ф;* & Ш ® 1П^З ®.

j Какие браузеры, на ваш взгляд, хорошо справляются с

I поддержкой CSS2?

I

j П Microsoft Internet Explorer 6.0

I p Opera 8.0

I П MozmaFirefbxl.O

I Поделиться йненией ;|

Рис. 6.6. Форма, использующая флажки для множественного выбора

Глава 6. Формы в HTML

297

Отображение веб-формы, описываемой рассмотренным фрагментом кода,

иллюстрирует рис. 6.6.

Предположим, при ответе на вопрос «Какие браузеры, на ваш взгляд, хорошо

справляются с поддержкой CSS2?» пользователь активизирует флажки

напротив надписей «Opera 8.0″ и «Mozilla Firefoxl.O» нашей веб-формы.

В таком случае обработчик после нажатия кнопки Поделиться мнением

получит ДЛЯ анализа такую Строку: browser=Opera&browser=FF.

Списки единственного и множественного выбора

Всем хороши флажки и «радиокнопки», но в тех случаях, когда пользователь

должен выбирать что-либо (например, страну проживания) из десятков или

сотен возможных вариантов, переключатели и группы флажков выглядят

крайне громоздко.

В таких ситуациях разумнее использовать списки, определяемые тегом

. По умолчанию тег задает список единственного выбора, но

применение булева атрибута multiple превращает элемент …

в список множественного выбора.

Список единственного выбора по умолчанию однострочный и выпадающий,

а список множественного выбора при относительно небольшом объеме

(конкретная величина зависит от браузера) занимает на экране столько же строк,

сколько позиций в нем содержится. Вертикальный размер списка и в том, и в

другом случае можно контролировать при помощи атрибута size,

определяющего число строк списка, одновременно отображающихся в окне

браузера. Если значение атрибута size будет меньшим, нежели количество пунктов

в списке, браузер должен предоставить механизм прокрутки.

Собственно позиции списков описываются при помощи тега

Каким браузером вы предпочитаете пользоваться?р>

298 Часть II. Применение веб-технологий стороны клиента для создания сайтов

р>

Внешний вид веб-формы, описанной в листинге 6.6, представлен на рис. 6.7.

| Каким браузером вы предпочитаете пользоваться?

I [Мне все равно Щ

Каким браузером вы предпочитаете пользоваться?

Рис. 6.7. Форма с выпадающим списком; справа — иллюстрация процесса выбора

позиции из списка

В приведенном выше примере, являющемся, в сущности, переводом

листинга 6.4 на язык списков, пользователю предлагаются все те же четыре варианта

ответа на вопрос «Каким браузером вы предпочитаете пользоваться?»,

включая пункт «Мне все равно», выбранный по умолчанию благодаря применению

атрибута selected.

Если для тегов

5th Фев 2011
Теги:
seo

Написать ответ

seo
 
seo
Все права защищены © 2023 Joomla портал
 
 
seo