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

в дескрипторе

формы для запуска Web-браузером сценария перед переда — чей результатов заполнения формы Web-серверу.)



Замена стандартных кнопок Submit и Reset другими графическими изображениями

Любая форма содержит кнопку Submit, которую посетитель должен нажать

для передачи результатов формы (т. е. введенных данных и выбранных элементов) по URL-адресу, указанному в атрибуте actio n дескриптора
. Большинство форм, кроме того, содержат кнопку Reset, которую посетитель может использо — вать для удаления введенной им в элементы формы информации и восстановле — ния исходного состояния элементов. Когда Web-браузер встречает в HTML-коде следующие дескрипторы
, он визуализирует показанные на рис. 3.14 стандартные кнопки Submit и Reset.



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





ПРАКТИКУМ

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

на Web-страницу можно поместить графические изображения. Например, для за — мены стандартной кнопки Submit графическим изображением, выполняющим ту

же функцию, необходимо вместо дескриптора
воспользоваться следую —

щим синтаксисом дескриптора привязки :









Таким образом, чтобы использовать графическое изображение, содержащееся

в файле submit. gif в качестве кнопки Submit на форме, значение атрибута name

которой равно «ExampieForm», необходимо заменить дескриптор стандартной кнопки Submit следующей строкой:







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

ку «решетка» (#) предотвращает переход Web-браузера к невидимой в данный мо — мент части Web-страницы за счет указания гиперссылки на несуществующую (ну —

левую) закладку. Вряд ли необходимо, чтобы при нажатии гиперссылки

Web-браузер переходил по действительной ссылке или по URL-адресу графичес — кого изображения, используемого в качестве кнопки Submit (которое указывается

в атрибуте sr c дескриптора гиперссылки). Web-браузер при нажатии на гиперссылку должен выполнить JavaScript-сценарий, заданный в атрибуте onclick дескриптора гиперссылки.

Аналогично, если необходимо заменить стандартную кнопку Reset графичес —

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









Обратите внимание, что гиперссылка для графического изображения кнопки Reset указывает Web-браузеру выполнить метод rese t о формы (а не метод submit () , как это было для кнопки Submit в предыдущем примере). Таким обра — зом, если атрибут name формы содержит значение «ExampieForm11, а файл графи — ческого изображения для кнопки Reset носит название reset. gif, графическое изображение кнопки Reset можно поместить на форму с помощью такого кода:









ПРИМЕЧАНИЕ При замене стандартной кнопки Reset графическим изображением с гиперс — сылкой, выполняющей ту же самую функцию, Web-браузер перед очисткой элементов формы будет выполнять JavaScript-функцию, указанную в атрибуте onRese t дескриптора
формы. Тем не менее, при замене стандартной кнопки Submit Web-браузер не будет выпол —

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

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

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

Полезные ссылки
Случайные записи
  • 03.04.2010">Туториалы по Illustrator
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 055
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.153
  • 26.02.2011">Руководство по actionscript. часть 6, стр. 063
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.116
  • 21.03.2011">Руководство по actionscript. часть 2, стр. 048
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.102
  • 04.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.16
  • 16.03.2011">Руководство по actionscript. часть 3, стр. 014
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.103
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 129
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.52
  • 02.03.2011">Руководство по actionscript. часть 5, стр. 088
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.104
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.63
Опрос

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

View Results

Loading ... Loading ...