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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


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


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

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Скрипты и программы на заказ любой сложности. Без предоплаты. Быстро, качественно и недорого!
5 c4p1t4l15t 2434 6.4.2024, 12:51
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
7 stu999 1752 31.3.2024, 11:19
автор: stu999
Открытая тема (нет новых ответов) Нужно разносить телеграм каналы по разным аккаунтам?
9 Mixatraider 1885 20.3.2024, 18:34
автор: Rebex
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыСколько времени нужно для раскачки нового сайта?
29 metvekot 7984 8.3.2024, 15:41
автор: malamut
Открытая тема (нет новых ответов) Нужно ли закрывать ненужные страницы тегом noindex, follow?
8 noviktamw 2899 2.3.2024, 12:53
автор: toplinks


 



RSS Текстовая версия Сейчас: 16.4.2024, 21:29
Дизайн