www.seomark.ru |
Веб-дизайн и поисковая оптимизация |
|
Главная | Веб-дизайн и оптимизация сайтов | Фотолаборатория | Радиотехника | Полезные программы | Разработка сайтов | ||
Создание формы обратной связи
Создание анкеты на сайтеФорма обратной связи предоставляет возможность организации на сайте анкетирования, опроса, заказа товаров и даже простейшего интернет-магазина. Если ассортимент производимых или продаваемых вами товаров не превышает нескольких десятков, то такой формы может оказаться вполне достаточно. При этом не требуется создания базы данных, а сама форма быстро и легко встраивается в сайт. В предыдущих статьях был рассмотрены процесс создания формы обратной связи и проверка её заполнения посетителем сайта. Немного усложнив созданную нами простейшую форму обратной связи, организуем, например, анкету-запрос на расчёт автомобильной страховки КАСКО. Как известно, стоимость КАСКО зависит от параметров автомобиля, данных о водителе, лицах, допущенных к управлению автотранспортом и многих других параметров. Кроме того, в отличие от ОСАГО, страхование КАСКО сильно различается в различных страховых компаниях. В связи с этим автоматический расчет КАСКО, организованный на сайте, обычно весьма приблизителен. Удобнее и точнее получается вариант с формой запроса-анкеты, которую посетитель заполняет на сайте, и она поступает для расчета менеджерам страховой компании или страховым брокерам. Ответ приходит на адрес электронной почты или телефон, который посетитель указал при заполнении анкеты. Пример такой анкеты показан на рис.1 Рис.1. Пример формы обратной связи для расчёта КАСКОЗаполнение формы посетителем проверяем, для простоты, только для двух полей: "Ваше имя" и "Ваш E-mail и/или телефон (для ответа)", причём ограничимся наличием в этих полях любых букв или цифр. Соответствующий скрипт JavaScript и HTML-код приведенной формы обратной связи, естественно, можно посмотреть (команда CTRL+U) и скопировать для повседневных нужд в исходном коде данной страницы. Напомню, что в браузере IE для просмотра исходного кода надо выбрать в меню Вид-Источник. Если же вас вдруг заинтересуют расценки КАСКО, то отправить запрос и получить ответ можно на сайте tranzitnn.ru. Кстати, там же вы можете найти форму обратной связи с мгновенным онлайн расчетом ОСАГО с помощью JavaScript. Создание такого расчета подробно описано в статье Заказ товаров и услуг через форму обратной связи. Вы, наверняка, заметили, что в некоторых разделах созданной нами формы-анкеты (например, Марка автомобиля) используются выпадающие (раскрывающиеся) списки. Их создание аналогично обычному полю ввода, только вместо тега <input> применяется <select> с соответствующими атрибутами. Подробно об этом рассказано в статье Форма обратной связи - примеры использования. Идем дальше... Для того, чтобы заполненная форма-анкета поступила на нужный почтовый ящик, осталось только сделать РНР-файл и указать его имя в атрибуте action=" " тега <form>. Как и раньше, назовём этот файл mail.php. По сравнению с описанным в статье "Простая форма обратной связи с проверкой введенных данных", он получается немного сложнее, но разобраться в нём довольно просто. Ниже приведен полный код страницы mail.php: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> При повторении или копировании файла не забудьте заменить pupkin@rambler.ru на ваш адрес электронной почты. После размещения на сайте и заполнения посетителем формы обратной связи вам будет приходить письмо такого вида: ЗАЯВКА КАСКО На самом деле пришедшее письмо будет выглядеть не совсем так. Оно будет в виде простого текста без выделения заголовков жирным шрифтом. Это, конечно, мелочь, но для больших писем-анкет иногда удобно применить форматирование текста, сделать его более удобным для восприятия. Наиболее просто это решается с помощью HTML. Такой способ отправки писем с формы обратной связи рассмотрим на примере создания анкеты-меню для заказа обедов в офис через интернет. Подобная услуга становится всё более популярной, ассортимент предлагаемых блюд расширяется, и если не применять форматирования меню, то разобраться в заказываемых блюдах и правильно сформировать заказ для отправки достаточно сложно. В результате клиенту вполне может достаться оригинальное кушанье "Рыба "Курица" с гарниром из салата оливье под соусом "Компот из сухофруктов". Кроме того, также рассмотрим формирование заказа товаров и услуг с помощью формы обратной связи и проверку формы "на лету". 10.12.2009 г. |
||
|
||
Главная | Веб-дизайн и оптимизация сайтов | Фотолаборатория | Радиотехника | Полезные программы | Разработка сайтов | ||
Copyright © 2008 - Марк Розенталь e-mail: Перепечатка материалов сайта разрешается при условии сохранения имени автора и гиперссылки на www.seomark.ru Ключевые слова: создание анкеты на сайте, заполнение анкеты на сайте, отправка e-mail с сайта, форма обратной связи |