TML, CSS, СКРИПТЫ: практика создании сайтов

Веб-форма с возможностью

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

1. ,

Р |http.//www

| 1

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

|

I

I

Ij с Mozilla Firefox I

I

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

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

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

данных веб-формы происходит на стороне клиента при помощи JavaScript

или ему подобных языков сценариев. Эту тему мы будем обсуждать в главе 7,

но наипростейший пример я все-таки позволю себе привести прямо сейчас:

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

Microsoft Internet Explorer

0pera

Mozilla Firefox

checked=»checked» /> MHe все равно1аЬе1х/р>

Чтобы выбрать тот или иной вариант ответа, теперь не нужно целиться по

соответствующей «радиокнопке» — достаточно лишь щелкнуть по

сопровождающей ее надписи (рис. 6.11).

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

ШтШШШШШШШ

Правка 8и&^SP^^ фкяадз* $$*етруне«тб* Сщжю

0^

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

| с Microsoft Internet Explorer

i

j с Opera

S! Mozilla Firefbx

I Проголосовать j

» A

Рис. 6.11. Форма, использующая тег

Иерархические списки

При анализе списка множественного выбора, описанного в листинге 6.7,

наблюдательный читатель, наверное, задался вопросом: а нельзя ли избавиться

от повторов названий браузеров при перечислении пунктов: «Microsoft

Internet Explorer 7.0″, «Microsoft Internet Explorer 6.0″, «Microsoft Internet

Explorer 5.x» и т. п.?

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

внешний вид списка— более наглядным. В HTML предусмотрен тег