-
Notifications
You must be signed in to change notification settings - Fork 0
/
form.html
87 lines (85 loc) · 4.14 KB
/
form.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>HTML Academy: Мишка</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="main-header">
<section class="main-header__top top-menu">
<a href="#" class="top-menu__logo"></a>
<a href="#" class="top-menu__catalog">Каталог товаров</a>
<a href="#" class="top-menu__order">Вязание на заказ</a>
<a href="#" class="top-menu__search">Поиск по сайту</a>
<a href="#" class="top-menu__cart">Корзина: пока пуста</a>
</section>
<section class="main-header__middle">
<h1 class="main-header__main-heading">
Вязание на заказ
</h1>
</section>
</header>
<main class="main-form">
<p class="main-form__description-text">
Мы будем рады воплотить в жизнь ваши пожелания! Заполните простую форму заказа и мы свяжемся с вами, чтобы уточнить детали.
</p>
<form class="main-form___filter" method="get" action="https://echo.htmlacademy.ru">
<div class="main-form__radio">
<h3 class="main-form__heading heading3">Тип</h3>
<input type="radio" id="main-form__radio1" name="main-form__radio" checked>
<label for="main-form__radio1">Аксессуар для интерьера</label>
<input type="radio" id="main-form__radio2" name="main-form__radio">
<label for="main-form__radio2">Детская игрушка</label>
</div>
<div class="main-form__checkboxes">
<h3 class="main-form__heading heading3">Цвет</h3>
<input type="checkbox" id="main-form__checkbox1" name="main-form__checkbox" checked>
<label for="main-form__checkbox1">Белый</label>
<input type="checkbox" id="main-form__checkbox2" name="main-form__checkbox" checked>
<label for="main-form__checkbox2">Серый</label>
<input type="checkbox" id="main-form__checkbox3" name="main-form__checkbox">
<label for="main-form__checkbox3">«Тиффани»</label>
<input type="checkbox" id="main-form__checkbox4" name="main-form__checkbox">
<label for="main-form__checkbox4">Черный</label>
<input type="checkbox" id="main-form__checkbox5" name="main-form__checkbox">
<label for="main-form__checkbox5">Розовый</label>
</div>
<div class="main-form__user">
<h3 class="main-form__heading heading3">ФИО</h3>
<label for="main-form__name">Имя:</label>
<input type="text" id ="main-form__name" placeholder="Введите ваше имя*" required>
<label for="main-form__surname">Фамилия:</label>
<input type="text" id ="main-form__surname" placeholder="Укажите фамилию*" required>
<label for="main-form__patronymic">Отчество:</label>
<input type="text" id ="main-form__patronymic" placeholder="Отчество, если желаете">
</div>
<div class="main-form__information">
<h3 class="main-form__heading heading3">Тел</h3>
<input type="text" placeholder="+7 ХХХ ХХ ХХ*" required>
<h3 class="main-form__heading heading3">e-mail</h3>
<input type="text" placeholder="Ваш Email*" required>
<h3 class="main-form__heading heading3">Доп</h3>
<textarea name="main-form__textarea" cols="24" rows="6" placeholder="Опишите все ваши пожелания к заказу"></textarea>
</div>
<p class="main-form__required-text">*Поля обязательны для заполнения</p>
<button type="submit">Отправить заказ</button>
</form>
</main>
<footer class="main-footer">
<section class="main-footer__social">
<a href="#" class="main-footer__vk"><!--SVG--></a>
<a href="#" class="main-footer__fb"><!--SVG--></a>
<a href="#" class="main-footer__twitter"><!--SVG--></a>
</section>
<section class="main-footer__developer">
<a href="#" class="developer">
Разработано
<!--SVG-->
</a>
</section>
</footer>
<!--liveReload-->
<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
</body>
</html>