Joomla портал
seo seo Subscribe
, в связи с чем пользователи этих продуктов

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

организованных списков. Поэтому тег

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

осторожностью.

Вложенные теги

спецификациями HTML и XHTML не

разрешены.

Поля ввода пароля

В некоторых ситуациях (классический случай — ввод посетителем сайта

пароля при авторизации перед использованием того или иного сервиса) может

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

недоброжелателей.

Для этой цели в HTML предусмотрена разновидность текстового поля, все

вводимые символы в котором отображаются «звездочками». Сформировать

такое поле можно при помощи тега
, снабженного атрибутом type со

значением password:

Введите пароль:

maxlength=»10″ />

Если не считать «звездочек», то ведет себя такое поле точно так же, как и

простое однострочное текстовое поле типа text. Данные, введенные в поле

типа password, отправляются обработчику в открытом виде. Если

применяется метод GET, то потенциальный недоброжелатель может из-за спины

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

браузера, хотя это, конечно, несколько сложнее, тем более что информация о

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

длинная. Впрочем, решительный злоумышленник с гарантией найдет

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

(стандартный инструмент любого браузера). Поэтому информацию,

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

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

307

лять только при помощи метода POST. Хотя от настоящих взломщиков и эта

мера не спасет — надежная защита возможна лишь при передаче данных

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

вопросы лежат далеко за пределами тематики нашего повествования.

Скрытые поля

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

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

или иной служебной информации, которая не должна модифицироваться

пользователем.

Скрытое поле описывается уже до слез знакомым нам тегом
с

атрибутом type, принимающим значение hidden. Имя передаваемого обработчику

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

помощи атрибута name, а значение этого параметра задается посредством

атрибута value.

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

средствами «Яндекса» на отдельно взятом сайте web-anatomy.ru.

^Лиетингчё«12к ^м^^Ч^йв мЯиптссам. ^ ;

seo
0
seo

Список с использованием тематической группировки пунктов — отображение в Opera 8

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

Пример возможного внешнего вида списка с группировкой пунктов показан

на рис. 6.12.

Щелчок на названиях категорий— словах «Microsoft Internet Explorer» и

«Opera» — ни к чему не приведет; они не являются пунктами списка, которые

можно выбирать. В большинстве графических браузеров названия категорий

отображаются полужирным курсивом. Красивее всего — с применением

выворотки, т. е. инверсии цвета — отображает названия категорий браузер

Opera 7-й и 8-й версий.

К сожалению, устаревшие браузеры, такие как Netscape 4, Opera 5 и даже IE5,

игнорируют теги

Поиск на сайте

href=»http://www.web-anatomy.ru/»>Web-Anatomy.Ru

от Яндексаа>:р>

Пример результата поиска с использованием формы, описанной в

листинге 6.12, проиллюстрирован на рис. 6.13.

Помимо собственно поискового запроса (содержимое поля с именем text),

«Яндексу» передаются еще два параметра: рад со значением и и suri со

значением web-anatomy.ru. Первая пара «параметр — значение» предписывает

«Яндексу» включать в отчет все найденные страницы, а не только одну наиболее

релевантную; вторая же пара, полагаю, разъяснений не требует— именно

она определяет область поиска.

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

|У f-le:///2vj ^15^^ [(?»

I Поиск на сайте Web-Anatomy.Ru от Яндекса:

О. * ^ г & ^ €Й | Я http://www.yandex.ru/yandsearch?pag=u&surl=web-anaton)t^j $& ПвреЙТИ |[Gl

#> «Шг^З&гЫ О ta^rfe*#f»*

Index

Ж.

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

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

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