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

Адаптивная, SEO подготовленная WordPress тема WordPress тема под вирусный контент и социальные сети

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


Для чего нужна форма обратной связи 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 получателя. Вот и все можно проверять правильность работы формы.

Мощный SEO плагин Clearfy
Понравилась статья? Поделиться с друзьями:
Комментариев: 9
  1. Даниил

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

  2. Денис

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

    1. CMSONY

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

  3. серебряный

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

  4. Инна

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

  5. CMSONY

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

  6. Сергей

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

  7. RITLAIN

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

  8. Katya

    Oтлuчнo! Пoдтвepдитe aдpeс элeктpoннoй пoчты, чтo6ы пoлyчuть дoступ k maтepuалу, кoтopый вы тoльko чтo ?апpoсилu. Oтпиcаться oт paсcылkи moжeтe пoстучать наm на pierope.ns.i googlemail com С yважeнueм, goldserfer.ru

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: