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

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

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

Полезные ссылки
Случайные записи
  • 07.03.2011">Руководство по actionscript. часть 4, стр. 122
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.162
  • 29.02.2012">«Яндекс.Диск» — российский ответ сервису iCloud от Apple
  • 02.10.2010">Установка шрифтов в Adobe Photoshop
  • 17.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.133
  • 02.03.2011">Руководство по actionscript. часть 5, стр. 105
  • 27.02.2011">Руководство по actionscript. часть 6, стр. 048
  • 13.03.2011">Руководство по actionscript. часть 3, стр. 096
  • 02.03.2011">Руководство по actionscript. часть 5, стр. 085
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 026
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 061
  • 20.03.2011">Руководство по actionscript. часть 2, стр. 068
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.16
  • 24.02.2011">Руководство по actionscript. часть 7, стр. 013
  • 20.03.2011">Руководство по actionscript. часть 2, стр. 073
Опрос

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

View Results

Loading ... Loading ...