Самоучитель по креативному веб-дизайну. Книга 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

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

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

Полезные ссылки
Случайные записи
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.163
  • 18.03.2011">Руководство по actionscript. часть 2, стр. 119
  • 23.02.2011">Руководство по actionscript. часть 7, стр. 019
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.142
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.29
  • 18.03.2011">Руководство по actionscript. часть 2, стр. 125
  • 14.03.2011">Руководство по actionscript. часть 3, стр. 078
  • 22.03.2011">Руководство по actionscript. часть 2, стр. 004
  • 09.06.2011">Acer Ferrari 1000
  • 15.03.2011">Руководство по actionscript. часть 3, стр. 042
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.72
  • 17.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.3
  • 22.04.2012">Facebook добавила кнопку «Слушать» на страницы музыкантов
  • 16.09.2012">Недорогой телефон Nokia Lumia 620
  • 14.03.2011">Руководство по actionscript. часть 3, стр. 062
Опрос

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

View Results

Loading ... Loading ...