Самоучитель по креативному веб-дизайну. Книга 1, стр.138

При использовании на форме стандартных кнопок (а не графических изобра — жений) в описании кнопок также можно использовать атрибут onclick, который

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

заполнения формы. Просто замените стандартную кнопку Submit (созданную с

помощью дескриптора
, значение атрибута type которого равно

«submit») кнопкой, созданной с помощью следующего кода:


onClick==»validateAndSubmit(ExampleForm)»

Передача значений Web-серверу с помощью скрытых полей

Скрытое (hidden) поле представляет собой элемент формы, который, как и пред — полагает его название, не видим для человека, заполняющего форму. Скрытые поля можно использовать для передачи Web-серверу дополнительных пар имя/значение

помимо данных, введенных посетителем сайта. Например, следующий HTML-код

поиволит к ТОМУ, что Web-6Dav3eo визуализирует (ЬООМУ. показанную на оис. 3.20.



Глава 3. HTML-формы 167





Обратите внимание, что в приведенном примере атрибуты type трех полей

ввода в конце описания формы содержат значения «hidden» и не отображаются

на экране (как показано на рисунке). Несмотря на то что Web-браузер не визуа — лизирует скрытые поля, он передает серверу пары имя/значение для всех полей,

как видимых, так и скрытых (см. рис. 3.21).



значение скрытого поля можно задать, соответствующим образом установив ат — рибут value в дескрипторе
, как показано на примере первого и третьего скрытых полей в следующем коде:



Рис. 3.21. Результаты заполнения формы, переданные Web-серверу после

ввода «Konrad» в поле Username и «King» в поле Password

Независимо от того, были присвоены скрытым полям начальные значения или нет, скрытым полям можно присваивать значения в JavaScript-сценариях.

Например, функция vaiidateAndSubmito, выполняемая в приведенном выше примере при нажатии кнопки Submit, включает следующие строки:

ExampleForm. LoginAttempts. value++;

ExampleForm. LoginDateTime. value = new Date();

Первая строка увеличивает на 1 значение скрытого поля LoginAt tempts, a

вторая записывает в скрытое поле LoginDateTime текущее значение даты и вре — мени.

Сокрытие ввода пользователя от просмотра в поле ввода пароля

Поле ввода пароля представляет собой разновидность однострочного поля ввода текста. В отличие от скрытых полей (которые были рассмотрены в преды — дущем совете), Web-браузер визуализирует поле ввода пароля. Тем не менее, бра —

168 Глава 3. HTML-формы





узер не отображает на экране вводимый посетителем текст. Все символы теста заменяются символами звездочки (*). Поля ввода пароля используются в том случае, когда нежелательно, чтобы посторонний человек мог подсмотреть вводи — мый посетителем текст. Как правило, поля ввода пароля используются для ввода пароля или других кодов безопасности для входа на Web-сайт или регистрации под определенным именем учетной записи на Web-сайте. Некоторые сайты, осо — бенно обеспокоенные вопросами безопасности, требуют даже ввода имени пользователя или имени учетной записи в поле ввода пароля.

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

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

Полезные ссылки
Случайные записи
  • 16.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.13
  • 08.03.2011">Руководство по actionscript. часть 4, стр. 084
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.46
  • 25.02.2011">Руководство по actionscript. часть 6, стр. 079
  • 27.02.2011">Руководство по actionscript. часть 6, стр. 024
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.81
  • 26.02.2011">Руководство по actionscript. часть 6, стр. 066
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.115
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.76
  • 24.02.2011">Руководство по actionscript. часть 7, стр. 009
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 121
  • 16.03.2011">Руководство по actionscript. часть 3, стр. 015
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.53
  • 22.07.2011">Ноутбук Acer Aspire 5583WXMi
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.94
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...