Здравствуйте, нужно сделать форму (по типу формы обратная связь) После заполнения полей, должен совершаться переход на страницу на указанную мною страницу и отсылать заполненную форму на определенный емейл адрес. В общем обычная форма, нужно сделать чтобы красиво было видно, где не заполнено поле, сделать проверку валидности емейл и телефона (не обязательно). Поля помеченные звездочкой обязательные. В общем сделать форму функциональной, дизайн формы не нужно менять. Дизайн и структуру формы прикладываю к данному сообщению (единственно нужно будет добавить в дизайн функциональную часть, ну например если пользователь не ввел обязательные опля, оповестит его об этом красиво).
Сам код формы
<table align="center" width="400px">
<tr>
<td><span class="cifri">1.</span></b>
</td>
<td> <span ><input placeholder="Текст надписи (Стоимость 590 рублей)*" type="text" name="nadpic" value="" size="40" /></span> </td>
<td ><a href="" title="Что вы получите за 590 рублей?"><img src="" /></a> </td>
</tr>
<tr>
<td></td>
<td>
<span ><textarea placeholder="Комментарий к заказу" name="your-message" cols="40" rows="10"></textarea></span> </td>
</tr>
<tr>
<td><span class="cifri">2.</span></td>
<td>
Выбор города*<br> <span ><span ><span ><input type="radio" name="radio-4" value="Париж " /> <span >Париж </span></span><span ><input type="radio" name="radio-4" value="Нью-Йорк" /> <span >Нью-Йорк</span></span><span ><input type="radio" name="radio-4" value="Рим" /> <span >Рим</span></span><span ><input type="radio" name="radio-4" value="Лондон" /> <span >Лондон</span></span></span></span> </td>
<tr>
<td><span class="cifri">3.</span></td>
<td>
<span ><input placeholder="Ваше имя*" type="text" name="name" value="" size="40" /></span> </td>
</tr>
<tr>
<td> </td>
<td>
<span ><input placeholder="Ваш E-Mail*" type="text" name="your-email" value="" size="40" /></span> </td>
</tr>
<tr>
<td> </td>
<td>
<span ><input placeholder="Ваш номер телефона" type="text" name="your-email" value="" size="40" /></span> </td>
</tr>
<tr>
<td ><span class="cifri">4.</span></td>
<td>Я согласен с <a href="" >условиями договора</a> <input type="checkbox" name="checkbox-215[]" value="Согласен" /></td>
</tr>
<tr>
<td><span class="cifri">5.</span></td>
<td> <input type="submit" value="Заказать" class="subm" /> </td>
<tr ><td colspan="3"><span class="bluetext">При создании фотоснимков не используются Photoshop™ или другие графические редакторы.</span></td></tr>
</table>
и файл стилей style.css, которые используются в форме
.subm {
border-style:solid;
border-width:1px;
background:#A42F00;
cursor:pointer;
color: white;
padding: 5px 30px 5px 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.subm:hover {
border-style:solid;
border-width:1px;
background:#003466;
color: white;
padding: 5px 30px 5px 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.cifri {
font-weight: bold;
font-size: 40px;
font-family: Georgia;
letter-spacing: 0.1em;
color: #A42F00;
}
.bluetext
{
font-size: 12px;
font-family: Comic Sans MS;
color: #003466;
}
Вот так форма должна выглядеть у вас со стилями (только без картинки вопросика):
Сам бы сделал всю работу, но сейчас уезжаю на море, нет времени делать даже эту мелочь
Рассчитываю на скорое выполнение заказа и на адекватную цену.
С уважением Александр.