X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Нужно сделать форму, заказ легкий!
antiblef
antiblef
Topic Starter сообщение 16.8.2012, 22:13; Ответить: antiblef
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 263
Регистрация: 22.10.2010
Поблагодарили: 44 раза
Репутация:   1  


Здравствуйте, нужно сделать форму (по типу формы обратная связь) После заполнения полей, должен совершаться переход на страницу на указанную мною страницу и отсылать заполненную форму на определенный емейл адрес. В общем обычная форма, нужно сделать чтобы красиво было видно, где не заполнено поле, сделать проверку валидности емейл и телефона (не обязательно). Поля помеченные звездочкой обязательные. В общем сделать форму функциональной, дизайн формы не нужно менять. Дизайн и структуру формы прикладываю к данному сообщению (единственно нужно будет добавить в дизайн функциональную часть, ну например если пользователь не ввел обязательные опля, оповестит его об этом красиво).


Сам код формы
<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="Париж " />&nbsp;<span >Париж </span></span><span ><input type="radio" name="radio-4" value="Нью-Йорк" />&nbsp;<span >Нью-Йорк</span></span><span ><input type="radio" name="radio-4" value="Рим" />&nbsp;<span >Рим</span></span><span ><input type="radio" name="radio-4" value="Лондон" />&nbsp;<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;
}


Вот так форма должна выглядеть у вас со стилями (только без картинки вопросика):





Сам бы сделал всю работу, но сейчас уезжаю на море, нет времени делать даже эту мелочь smile.gif
Рассчитываю на скорое выполнение заказа и на адекватную цену.
С уважением Александр.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sappho
sappho
сообщение 19.8.2012, 11:42; Ответить: sappho
Сообщение #2


Новичок
*

Группа: Viewer
Сообщений: 8
Регистрация: 2.8.2012
Поблагодарили: 0 раз
Репутация:   0  


Давайте сделаю. пару часов)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
antiblef
antiblef
Topic Starter сообщение 30.8.2012, 10:36; Ответить: antiblef
Сообщение #3


Бывалый
****

Группа: User
Сообщений: 263
Регистрация: 22.10.2010
Поблагодарили: 44 раза
Репутация:   1  


Всем спасибо, работу сделал Coppermine за что ему огромное спасибо, было бы здесь сообщение сказал бы спасибо smile.gif

Тему можно закрывать!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыEdu-Money - партнерка под студентческий траф: 55% за новый заказ, 20% ребилл (сразу).
95 EduMoney 17470 Сегодня, 12:48
автор: EduMoney
Открытая тема (нет новых ответов) Маленький кейс как сделать много почтовых ящиков в Gmail
Один аккаунт = много ящиков
0 PostBrigada 388 Сегодня, 0:32
автор: PostBrigada
Открытая тема (нет новых ответов) EssayPartner.com - до 60% за первый заказ, до 35% за ребиллы, современные ленды и WL для всех
15 EssayPartner 2949 Вчера, 20:18
автор: EssayPartner
Открытая тема (нет новых ответов) Как правильно сделать категории на сайте?
Хелппп!!!
5 norino 664 11.12.2017, 16:28
автор: One_on_One
Открытая тема (нет новых ответов) Нужно перенести действующий интернет-магазин на CMS
Возможные CMS: PrestaShop, Битрикс, Magento, OpenCart
2 4aa19 313 8.12.2017, 17:59
автор: 4aa19


 



RSS Текстовая версия Сейчас: 15.12.2017, 16:51
Дизайн