www.seomark.ru |
Веб-дизайн и поисковая оптимизация |
|
Главная | Веб-дизайн и оптимизация сайтов | Фотолаборатория | Радиотехника | Полезные программы | Разработка сайтов | ||
Создание формы обратной связи
Многостраничная форма обратной связиДовольно часто при заполнении длинной формы обратной связи требуется разбить её на несколько частей, переход к которым обычно идет по кнопке Далее или Продолжить. Как всегда, способов реализации этого существует несколько. Для начала, рассмотрим простейшее решение "в лоб", когда каждая страничка с частями формы обратной связи отправляется отдельным письмом. Издеваться будем над созданной ранее простейшей формой обратной связи - рис.1: Рис.1. Исходная форма обратной связиРазобьем её на три части (страницы). Первая страница, назовем её 1.html, будет такая - рис.2: Для заказа крокодила заполните следующую форму: Рис.2. Первая часть формы обратной связи - ввод имениСоответствующий ей HTML-код выглядит так: После ввода имени и нажатия кнопки Далее происходит переход на страницу 1_name.php, которая выполняет программу отправки первого письма с введенным именем и выводит вторую часть формы для продолжения допроса посетителя - рис.3: Рис.3. Вторая часть формы обратной связи - ввод e-mailПолный код этой страницы приведен ниже:
Как видим, в РНР-части страницы (все, что заключено между <?php и ?>) задается отправка письма с именем. При ошибке предлагается вернуться назад к заполнению формы, а в случае успешной отправки выводится вторая часть формы обратной связи для ввода e-mail. После нажатия кнопки Далее будет вызвана страница 2_mail.php. HTML-код этой страницы практически аналогичен 1_name.php, только теперь вместо имени идет отправка введенного е-mail и предлагается ввести текст сообщения:
Результат выполнения этой программы с последней, третьей частью формы обратной связи следующий - рис.4: Рис.4. Третья часть формы обратной связи - ввод сообщенияПосле ввода сообщения допрос посетителя закончен и нажатием кнопки Отправить выполняется заключительная отправка третьего письма - страница 3_mess.рнр. На всякий пожарный, для самых блондинистых блондинок привожу и её код:
В результате вы получаете на свой электронный адрес три отдельных письма. Конечно, это не совсем удобно, точнее, совсем даже неудобно, но принцип разделения формы обратной связи на несколько частей, надеюсь, понятен. Для практического применения описанный способ не годится и надо обеспечить получение одного письма со всеми введенными посетителем данными. Сделать это, понимая принцип создания многостраничной формы обратной связи, совсем просто, и страницы получаются менее громоздкими. Об этом подробно будет рассказано в следующей статье. 15.09.2012 г. см. все статьи по веб-дизайну >> |
||
|
||
Главная | Веб-дизайн и оптимизация сайтов | Фотолаборатория | Радиотехника | Полезные программы | Разработка сайтов | ||
Copyright © 2008 - Марк Розенталь e-mail: Перепечатка материалов сайта разрешается при условии сохранения имени автора и гиперссылки на www.seomark.ru Ключевые слова: создание формы обратной связи, форма обратной связи, скрипт формы обратной связи, продвижение сайта |