Отправлено 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" /> * Все поля, обязательны для заполнения.</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>Дата просмотра: </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>Время просмотра: </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>Дата просмотра: </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/
- Автоматическое монтирование fstab и systemd - 24.02.2021
- Как в Linux подключить новый диск, разметить и отформатировать разделы - 24.02.2021
- Как сменить режим работы PHP - 24.02.2021