RSS-лента

Лучшие CMS интернета бесплатно для создания сайта

Июл
22

Как сделать форму обратной связи html

Добрый день уважаемые пользователи блога «Золотой серфер». Сегодня я хочу Вам рассказать, как сделать и установить к себе на сайт страницу обратной связи. То есть форму как у меня на блоге:


Для чего нужна форма обратной связи html?

Форма имеет все необходимое, что нужно для общения с администрацией сайта посредством e-mail: Стильный дизайн, три информационных поля и числовую капчу. Если вы администратор сайта, то решайте сами нужна вам страница обратной связи или нет.

Создание страницы обратной связи

Итак, приступим к созданию. Для создания страницы с формой воспользуемся онлайн сервисом: masterform.info. Кстати форму можете скачать здесь: форма обратной связи.

У себя на сайте создайте страницу и вставьте Html — код формы:

<center><form action=»http://masterform.info/mail.php» rel=»nofollow» method=»post»><input type=»hidden» name=»zagol_soob» value=»» />
<div style=»width:400px; text-align:left; border:1px solid #CCCCCC; color:#003300; font:12px tahoma, verdana; background:#F5F5F5;»>
<div style=»text-align:center; background:#333366; border:1px solid #F5F5F5; color:#ffffff; padding:5px 5px 5px 5px;»>форма обратной связи</div>
<div style=»border-top:solid 1px #CCCCCC; padding:8px 20px 0px 20px;»>Ваше имя</div>
<div style=»padding:1px 20px 0px 20px;»>
<input name=»name» type=»text» style=»width:358px; height:20px; background:#FFFFFF; border:1px solid #CCCCCC; color:#191970;» maxlength=»50″ />
</div>
<div style=»padding:8px 20px 0px 20px;»>Обратный mail</div>
<div style=»padding:1px 20px 0px 20px;»>
<input name=»e_mail» type=»text» style=»width:358px; height:20px; background:#FFFFFF; border:1px solid #CCCCCC; color:#191970;» maxlength=»50″ />
</div>
<div style=»padding:8px 20px 0px 20px;»>Текст сообщения</div>
<div style=»padding:1px 20px 0px 20px;»>
<textarea name=»text» style=»width:358px; height:100px; background:#FFFFFF; border:1px solid #CCCCCC; color:#191970;»></textarea>
</div>
<div style=»overflow:auto; width:100%;»>
<div style=»float:left; padding:10px 0px 10px 20px;»>Число на изображении<br />
<input name=»captcha» type=»text» style=»width:210px; height:20px; background:#FFFFFF; border:1px solid #CCCCCC; color:#191970;» maxlength=»5″ />
</div>
<div style=»float:right; padding:10px 20px 10px 0px;»>
<a href=»http://masterform.info/»><img border=»0″ src=»http://masterform.info/captcha2.php»></a>
</div>
</div>
<div style=»padding:5px 20px 15px 20px; text-align:center;»>
<input type=»submit» value=»Отправить» style=»cursor:pointer; width:200px; height:35px; font:15px tahoma;» />
</div>
</div></form></center>

Перейдите на сервис masterform.info и зарегистрируйте страницу с установленной формой обратной связи, указав адрес страницы и email получателя. Вот и все можно проверять правильность работы формы.

Получай первым обновления блога!

Введите Ваш e-mail:


Комментарии (8) на “Как сделать форму обратной связи html”

  • Даниил (1 коммент.) 18 Май 2013 в 0:21

    Ну, напиши еще что-нибудь, плиз.

  • Денис (5 коммент.) 8 Июль 2013 в 19:37

    Добрый день, а вы не подскажите как создать такую форму обратной связи,
    чтобы посетители могли редактировать запись задавать стиль,
    форматировать текст, а также вставлять изображения и документы.

    • CMSONY
      CMSONY (172 коммент.) 26 Март 2014 в 18:21

      К сожалению у меня нет такой информации…

  • серебряный (1 коммент.) 5 Март 2015 в 22:43

    Постоянные проблемы с формой от masterform. info !!!
    форма не работает с утра 5 марта. После заполнения и отправки выдает сообщение Ошибка пароля. Если напишете с просьбой исправить, напоретесь на такую же неработающую форму на их сайте masterform. info — ваши сигналы никто не получает!

  • Инна (2 коммент.) 29 Март 2015 в 20:38

    То же самое. что у Серебряного!!!

    • CMSONY
      CMSONY (172 коммент.) 29 Март 2015 в 20:40

      Не понимаю. У меня все работает.

  • Сергей (18 коммент.) 22 Апрель 2015 в 15:01

    тоже уже сколько времени не работает «Ошибка пароля»

  • RITLAIN (1 коммент.) 30 Апрель 2015 в 0:36

    Та же ХРЕНЬ!!(( не работает на двух сайтах а на третьем всё Ок!, не понимаю??!

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


вверх