Не работает обратная связь — Отчёты об ошибках — OpenCart Форум

Опубликовано | Автор: Губарь Маргарита Александровна




Отправлено 20 Июль 2012 — 01:39

Может кому понадобиться, когда форма обратной связи криво работает или не хватает полей для заполнения…или вообще…чего т не хватает))))(расскажу на примере свой формы….но вы вполне можете на основании этого сделать свою)
Итак.

1. создаем форму (либо на отдельном HTML документе, либо на странице сайта)(надеюсь знаете как вставлять HTML код в страницу )

<!DOCTYPE html>
<html lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<div align="center">
<table border="0" width="650" height="200px" align="center" cellpadding="10" cellspacing="20"
background="img/fon.gif">
<tr>
<td>
<form method="post" action="mail.php">
<div align="left"><p><span class="red">*</span> Ваше имя:</p>
<p><input type="text" name="name" size="35" />&nbsp;&nbsp;&nbsp;* Все поля, обязательны для заполнения.</p></div>
<p>
<div align="left"><p><span class="red">*</span> <strong>Ваш E-mail:</strong><br></p>
<p><input type="text" name="email" size="35" /></p></div>
<p>
<div align="left"><p><span class="red">*</span> <strong>Дата просмотра:&nbsp;&nbsp;</strong>
<select name="den">
<option>
<option> 1<option> 2<option> 3<option> 4<option> 5<option> 6<option> 7<option> 8
<option> 9<option> 10<option> 11<option> 12<option> 13<option> 14<option> 15<option> 16
<option> 17<option> 18<option> 19<option> 20<option> 21<option> 22<option> 23
<option> 24<option> 25<option> 26<option> 27<option> 28<option> 29<option> 30<option> 31
</select>
<select name="mes">
<option>
<option> январь<option> февраль<option> май<option> апрель<option> май<option> июнь<option> июль<option> август
<option> сентябрь<option> октябрь<option> ноябрь<option> декабрь
</select>
<select name="god">
<option> 2012<option> 2013<option> 2014<option> 2015<option> 2016<option> 2017<option> 2018<option> 2019<option> 2020
</select></p></div>
<p>
<div align="left"><p><span class="red">*</span> <strong>Время просмотра:&nbsp;&nbsp;</strong>
<select name="chas">
<option>
<option> 01<option> 02<option> 03<option> 04<option> 05<option> 06<option> 07<option> 08
<option> 09<option> 10<option> 11<option> 12<option> 13<option> 14<option> 15<option> 16
<option> 17<option> 18<option> 19<option> 20<option> 21<option> 22<option> 23
<option> 24
</select>час
<select name="min">
<option>
<option> 05<option> 10<option> 15<option> 20<option> 25<option> 30<option> 35<option> 40<option> 45
<option> 50<option> 55<option> 60
</select>мин
</p></div>
<p>
<div align="left"><p><span class="red">*</span> <strong>Сообщение:</strong></p>
<p><textarea name="mess" cols="50" rows="6"></textarea>
</p></div><div align="left"></div>
<p>
<input type="image" src="img/button.png" value="Отправить сообщение">
</p>
</form>
</tr>
</td>
</table>
</div>
</div>
</body></html>


немного разберем для понятия сего кода (ибо зная как все построено, можно перестроить под себя)

1 . ну это понятно))) кодировка;
:

<meta http-equiv="Content-Type" content="text/html; charset=[b]windows-1251[/b]">


2. положение формы на странице:

<div align="[b]center[/b]">.....</div>


3.обращение формы к отработчику:

<form method="post" action="[b]mail.php[/b]">

этот документ мы создадим чуть позднее

4. первая надпись:

<div align="left"><p><span class="red">*</span> [b]Ваше имя[/b]:</p>

и собственно само поле ввода

<p><input type="text" name="name" size="35" /></p></div>


input type="text" — это обозначает что поле для ввода текста
name="name" -у каждой графы оно должно быть свое!!!
size="35" -меняя этот параметр будете менять размеры окна ввода текста по ширине
( таким образом, по этому шаблону, меняя естесствено параметр name="…." имя должно быть уникальным для каждого пункта, можно создать столько полей сколько требуется

5. а так можно сделать поле ввода с выпадающим списком:


<div align="left"><p><span class="red">*</span> <strong>Дата просмотра:&nbsp;&nbsp;</strong>
<select name="den">
<option>
<option> 1
<option> 2
<option> 3
<option> 4
<option> 5
<option> 6
<option> 7
<option> 8
<option> 9
<option> 10
</select>
</div>

если требуется ввод после числа какого либо дополнения…ну например см..кг…шт… и т.д.
просто дописываем после </select>, ну например </select>кг. при вводе числа у нас будет : 10 кг

Далее текст самого сообщения:


<div align="left"><p><span class="red">*</span> <strong>Сообщение:</strong></p>
<p><textarea name="mess" cols="50" rows="6"></textarea>
</p></div><div align="left"></div>

тут мы уже можем указать не только длину окна, но и его высоту…

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

<p>
<input type="image" src="img/button.png" value="Отправить сообщение">
</p>

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


  • 0

.

    .


    http://opencartforum.ru/topic/10749-ne-rabotaet-obratnaia-sviaz/

    Губарь Маргарита Александровна
    Губарь Маргарита Александровна недавно публиковал (посмотреть все)
    Рубрика: Веб-разработка | Метка: