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

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Сделать видео для инстаграмма
0 katuwa 418 Вчера, 8:25
автор: katuwa
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыЧертежи на заказ - оцените сайт
Ваши идеи для меня бесценны
27 Openair 4673 22.5.2018, 16:39
автор: nikolay_web
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыEdu-Money - партнерка под студентческий траф: 55% за новый заказ, 20% ребилл (сразу).
136 EduMoney 25358 21.5.2018, 12:53
автор: EduMoney
Открытая тема (нет новых ответов) На чём сделать интернет-магазин услуг
11 Зотов 1578 17.5.2018, 16:26
автор: Chezarius
Открытая тема (нет новых ответов) Продвигаю страницу по запросу "Как сделать игру". Помогите советом, пожалуйста
Я секу в теме! Но подать статью угодным поисковикам образом не смо
22 coremission 2197 8.5.2018, 12:33
автор: coremission


 



RSS Текстовая версия Сейчас: 25.5.2018, 15:25
Дизайн