Отправка сообщения






Добро пожаловать!

Отправка формы через ссылку

Для отправки формы в html существует кнопка submit, по нажатию которой все данные, предназначенные для отправки, посылаются в обработчик формы. В коде страницы, а конкретнее в форме, обычная кнопка состоит из подобной строки:

...
<input type="submit" value="Отправить"/>
...

Иногда нужно сделать отправку формы с помощью ссылки, исключая из формы описанную выше кнопку. Причиной тому может быть реализация какой-либо стилизации кнопки, да и не только, в общем, надо. Делается это довольно просто, посредством javascript.

Форма:

...
<form method="post" id="form1">
</form>
...

Ссылка:

<a href="#" onclick="document.getElementById('form1').submit(); return false;">Отправить</a>

Итак, смотрим что сделали. Форме задали id="form1", таким образом, мы обращаемся к форме через id, с помощью document.getElementById() (метод объекта document), отправляя форму методом submit().
Из недостатков данного способа отправки формы следует отметить следующее:
1. Если поддержка javascript отключена в браузере, то соответственно код не сработает – форма не отправляется.
2. Javascript — далеко не самый быстрый язык, и getElementById — не исключение. Хотя эта функция и является самой эффективной для поиска элемента, она включает дорогостоящие обращения к DOM, объектной модели документа.

Из плюсов, конечно, гибкость в плане стилизации формы.

Добавил: htmaker, 12.07.2013 г.
 
плохослабосойдетхорошоотлично (2 голосов, средний: 5,00 из 5)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Комментарии

  • Загрузка...

Наверх