-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathregistration.html
executable file
·124 lines (124 loc) · 5.83 KB
/
registration.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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Registration</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="header">
<div class="mhead">
<a href="index.html#top">ГЛАВНАЯ</a>
<a href="index.html#galery">ГАЛЕРЕЯ</a>
<a href="tablemail.html">E-MAIL РАССЫЛКА</a>
</div>
<div class="areg">
<a>РЕГИСТРАЦИЯ</a>
</div>
</div>
<div id="hhead"></div>
<div id="reg">
<form id="regform" action="check.php" method="POST">
<h3>Личная информация</h3>
<div class="firstname">
<input type="text" placeholder="Фамилия" required pattern="^[А-Яа-яЁё\s]+$">
<input type="text" placeholder="Имя" required pattern="^[А-Яа-яЁё\s]+$">
</div>
<div>
<input type="text" placeholder="Отчество" pattern="^[А-Яа-яЁё\s]+$">
</div>
<div>
<input type="text" placeholder="Индекс" pattern="[0-9]{6}" maxlength="6" required>
</div>
<div>
<input type="text" placeholder="Домашний адрес" required>
</div>
<div>
<label for="borndate">Дата рождения:</label>
<input type="date" required id="borndate">
</div>
<div>
<label for="bornplace">Место рождения:</label>
<input list="country" required pattern="^[a-zA-Z]+$" id="bornplace">
<datalist id="country">
<option value="Afghanistan"></option>
<option value="Albania"></option>
<option value="Algeria"></option>
<option value="Belgium"></option>
<option value="Chile"></option>
<option value="China"></option>
<option value="France"></option>
<option value="Italy"></option>
<option value="Russia"></option>
<option value="Sweden"></option>
<option value="United Kingdom"></option>
</datalist>
</div>
<div>
<label for="screenpass">Скриншот первой страницы паспорта:</label>
<input type="file" accept="image/jpeg" required id="screenpass">
</div>
<hr>
<h3>Контактная информация</h3>
<div>
<input type="tel" placeholder="Номер телефона" pattern="+7-[0-9]{3}-[0-9]{3}-[0-9]{2}-[0-9]{2}" required class="phonenumber">
</div>
<div>
<input type="email" placeholder="E-mail" autocomplete="on" required>
</div>
<hr>
<h3>Общая информация</h3>
<div id="gender">
<label for="gender">Пол:</label>
<input type="radio" name="sex" id="gender1" required>
<label for="gender1">Мужской</label>
<input type="radio" name="sex" id="gender2">
<label for="gender2">Женский</label>
</div>
<div id="eyecolor">
<label for="eyecolor">Цвет глаз:</label>
<input type="color" style="padding: 0 2px; border-radius: 3px; border-width: 0px;">
</div>
<div>
<label for="age">Возраст:</label>
<input type="number" min="18" max="100" id="age">
</div>
<div>
<label for="regdate">Дата регистрации:</label>
<input type="date" required id="regdate">
</div>
<hr>
<div>
<select>
<option hidden>Откуда вы узнали о магазине?</option>
<option>Поисковые системы (Yandex и др.)</option>
<option>Тематические форумы</option>
<option>Интернет-аукционы</option>
<option>Рекомендации родственников, знакомых</option>
<option>Реклама в журналах, газетах</option>
<option>Не помню</option>
</select>
</div>
<div>
<input type="checkbox" id="obrabotka" required>
<label for="obrabotka">Я согласен на обработку персональных данных.</label>
</div>
<hr>
<div class="bottombutton">
<button type="submit" form="regform">ОТПРАВИТЬ</button>
<button type="reset" form="regform">ОЧИСТИТЬ</button>
</div>
</form>
</div>
<div class="bottombox">
<a href="https://www.google.com/" id="bottom">подробнее</a>
<a href="https://www.google.com/" id="bottom">подробнее</a>
<a href="https://www.google.com/" id="bottom">подробнее</a>
<a href="https://www.google.com/" id="bottom">подробнее</a>
<a href="https://www.google.com/" id="bottom">подробнее</a>
<a href="https://www.google.com/" id="bottom">подробнее</a>
<a href="https://www.google.com/" id="bottom">подробнее</a>
</div>
</body>
</html>