Joomla портал
seo seo Subscribe
0
seo

Подобный Сценарий зачастую

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

299

не слишком удобен, поэтому при помощи атрибута value целесообразно

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

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

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

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

<�Р>

JSL

o~

t3) I U f.le:///Z:/examPle-3 © Перейти Щ~

ЩЬШ®***** Ц.И^.***^>…

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

[Microsoft Internet Explorer 7.0 Щ

Microsoft Internet Explorer 8.0

Microsoft Internet Explorer 5.x Щ

Opera 8.0 I

Opera 7.x i

Opera 6.x

Opera15.x

iMozillaFirefoxlO

jMl

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

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

Внешний вид списка множественного выбора на веб-странице показан на

рис. 6.8.

Благодаря использованию атрибута size со значением 8, список будет

занимать по высоте ровно восемь строк — по количеству представленных в нем

позиций.

Если попадется подкованный посетитель и в ответ на наш вопрос «Какими

браузерами вам приходилось пользоваться?» выберет семь позиций (все за

исключением строки «Microsoft Internet Explorer 7.0″, ведь такого браузера

пока еще нет в природе), после нажатия на кнопку Поделиться опытом

обработчик ПОЛуЧИТ следующие данные: browser=2&browser=3&browser=4&brow-

ser=5&browser=6&browser=7&browser=8.

Кнопки

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

рассмотрели. Речь идет о кнопке отправки пользовательских данных на

обработку. Этот элемент интерфейса формируется при помощи тега

type=»submit» .. .>. Дополнительно можно определить атрибут value,

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

зачастую не слишком привлекательный текст по умолчанию.

Собственно, в приведенных выше примерах мы уже неоднократно

использовали подобный элемент управления, поэтому останавливаться на нем больше

не будем.

Еще одна разновидность кнопок, определяемая тегом

«reset*r .. .>, предназначена для очистки (сброса в исходное состояние)

полей веб-формы. При нажатии на такую кнопку поля формы обретают

первозданный облик — освобождаются от введенных пользователем данных. Если

для тех или иных полей определено содержимое по умолчанию (например,

при помощи атрибутов value, checked или selected), после нажатия на кнопку

очистки формы эти установки восстанавливаются.

Очистить форму так, чтобы первоначальные установки по умолчанию не

принимались во внимание, при помощи кнопки сброса невозможно. Если

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

скрипта, способного устанавливать значения полей формы.

Текст надписи на кнопке, осуществляющей очистку формы, можно, как и в

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

value. Русскоязычный Internet Explorer по умолчанию отображает кнопку

очистки формы с надписью «Сброс».

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

301

| Листинг 6,8, Форма с возможностью сброса в первоначальное состояние

<�р>Дцрес вашего сайта:

value=»http://www.» />

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

Microsoft

Internet Explorer

Opera

Mozilla

Firefox

checked=»checked» /> Мне все равно

type=»reset» value= «Очистить форму» /х/р>

Веб-форма, описанная в приведенном выше листинге, показана на рис. 6.9.

На рисунке слева — внешний вид формы в процессе заполнения, справа — ее

облик после нажатия пользователем кнопки Очистить форму.

Помимо кнопок, наделенных четкой функциональной нагрузкой, HTML

предусматривает и «просто кнопки» — такие, поведением которых может

управлять разработчик сайта на свое личное усмотрение.

I <&$» Oft*»**..^.ffe^.jffijft^^ jfajt.'x. |

h Адрес вашего сайта:

| jhttp.//wvw/.mo|

fi | http://www.mozilla.org/ | |

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

р О Microsoft Internet Explorer

I O Opera

p