, в связи с чем пользователи этих продуктов
наверняка будут затруднены в понимании смысла иерархически
организованных списков. Поэтому тег
рекомендуется использовать с большой
осторожностью.
Вложенные теги
спецификациями HTML и XHTML не
разрешены.
Поля ввода пароля
В некоторых ситуациях (классический случай — ввод посетителем сайта
пароля при авторизации перед использованием того или иного сервиса) может
потребоваться укрыть пользовательский ввод от глаз потенциальных
недоброжелателей.
Для этой цели в HTML предусмотрена разновидность текстового поля, все
вводимые символы в котором отображаются «звездочками». Сформировать
такое поле можно при помощи тега
, снабженного атрибутом type со
значением password:
Введите пароль:
maxlength=»10″ />
Если не считать «звездочек», то ведет себя такое поле точно так же, как и
простое однострочное текстовое поле типа text. Данные, введенные в поле
типа password, отправляются обработчику в открытом виде. Если
применяется метод GET, то потенциальный недоброжелатель может из-за спины
пользователя подсмотреть пароль если не в самом поле, то в адресной строке
браузера, хотя это, конечно, несколько сложнее, тем более что информация о
пароле вполне может оказаться «за кадром», если адресная строка достаточно
длинная. Впрочем, решительный злоумышленник с гарантией найдет
переданный таким образом пароль, покопавшись в журнале посещенных страниц
(стандартный инструмент любого браузера). Поэтому информацию,
претендующую на какую бы то ни было конфиденциальность, необходимо отправ-
Глава 6. Формы в HTML
307
лять только при помощи метода POST. Хотя от настоящих взломщиков и эта
мера не спасет — надежная защита возможна лишь при передаче данных
посредством протоколов, использующих шифрование, но связанные с этим
вопросы лежат далеко за пределами тематики нашего повествования.
Скрытые поля
Как уже говорилось выше, скрытые поля никак не проявляют себя в
визуальном плане и могут использоваться для хранения и отправки на обработку той
или иной служебной информации, которая не должна модифицироваться
пользователем.
Скрытое поле описывается уже до слез знакомым нам тегом
с
атрибутом type, принимающим значение hidden. Имя передаваемого обработчику
параметра, соответствующего данному полю, как и обычно, определяется при
помощи атрибута name, а значение этого параметра задается посредством
атрибута value.
Ниже представлен пример формы, позволяющей осуществлять поиск
средствами «Яндекса» на отдельно взятом сайте web-anatomy.ru.
^Лиетингчё«12к ^м^^Ч^йв мЯиптссам. ^ ;
Список с использованием тематической группировки пунктов — отображение в Opera 8
306 Часть II. Применение веб-технологий стороны клиента для создания сайтов
Пример возможного внешнего вида списка с группировкой пунктов показан
на рис. 6.12.
Щелчок на названиях категорий— словах «Microsoft Internet Explorer» и
«Opera» — ни к чему не приведет; они не являются пунктами списка, которые
можно выбирать. В большинстве графических браузеров названия категорий
отображаются полужирным курсивом. Красивее всего — с применением
выворотки, т. е. инверсии цвета — отображает названия категорий браузер
Opera 7-й и 8-й версий.
К сожалению, устаревшие браузеры, такие как Netscape 4, Opera 5 и даже IE5,
игнорируют теги
|
Пример результата поиска с использованием формы, описанной в
листинге 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
|
Теги:
|
