/
set2701
/
Bautex_Design
Обзор
Документация
Войти
/
set2701
/
Bautex_Design
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
form.html
207 строк
11 KB
Stepan
Правки для формы и гридов
10 дек 2025, 10:00
10 дек 2025, 10:00
864cf2e
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preload" as="font" type="font/woff2" href="../fonts/fonts/GothicA1-Regular.woff2" crossorigin="anonymous"> <link rel="preload" as="font" type="font/woff2" href="../fonts/fonts/GothicA1-Medium.woff2" crossorigin="anonymous"> <link rel="preload" as="font" type="font/woff2" href="../fonts/fonts/GothicA1-Bold.woff2" crossorigin="anonymous"> <link rel="preload" as="font" type="font/woff2" href="../fonts/fonts/GothicA1-ExtraLight.woff2" crossorigin="anonymous"> <link rel="preload" as="font" type="font/woff2" href="../fonts/fonts/ProstoOne-Regular.woff2" crossorigin="anonymous"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" /> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/form.css"> <title>Форма регистрации - BAUTEX DESIGN</title> </head> <body> <!-- Header с wrapper --> <header> <div class="wrapper"> <nav class="hbuttons"> <button id="menu" class="menu-button"> <div class="menu-line"></div> <div class="menu-line"></div> <div class="menu-line"></div> </button> <!-- Навигация для десктопной версии (скрыта на мобильных) --> <nav class="desktop-nav" style="display: none;"> <a href="#">Коллекции</a> <a href="#">Где купить</a> <a href="#">Отзывы</a> <a href="#">О нас</a> </nav> </nav> </div> </header> <main> <section class="form-section main-content-section"> <div class="wrapper"> <div class="form-container"> <h1 class="form-title">Регистрация нового пользователя</h1> <form action="//httpbin.org/post" method="post"> <!-- Личная информация --> <div class="form-group"> <h2 class="form-group-title">Личная информация</h2> <div class="form-field"> <label for="name"> Имя <span class="required">*</span> </label> <input type="text" id="name" name="name" placeholder="Иван" required> <p class="help-text">Введите ваше имя</p> </div> <div class="form-field"> <label for="role"> Роль <span class="required">*</span> </label> <div class="radio-group"> <div class="radio-option"> <input type="radio" id="role-student" name="role" value="студент" required> <label for="role-student">Студент</label> </div> <div class="radio-option"> <input type="radio" id="role-teacher" name="role" value="преподаватель" required> <label for="role-teacher">Преподаватель</label> </div> </div> </div> <div class="form-field"> <label for="birthdate"> Дата рождения <span class="required">*</span> </label> <input type="date" id="birthdate" name="birthdate" required> <p class="help-text">Выберите дату рождения</p> </div> </div> <!-- Контактные данные --> <div class="form-group"> <h2 class="form-group-title">Контактные данные</h2> <div class="form-field"> <label for="email"> Email <span class="required">*</span> </label> <input type="email" id="email" name="email" placeholder="ivan@example.com" required> <p class="help-text">Введите ваш email адрес</p> </div> <div class="form-field"> <label for="password"> Пароль <span class="required">*</span> </label> <input type="password" id="password" name="password" placeholder="Минимум 8 символов" required minlength="8"> <p class="help-text">Пароль должен содержать минимум 8 символов</p> </div> <div class="form-field"> <label for="phone"> Телефон <span class="required">*</span> </label> <input type="tel" id="phone" name="phone" placeholder="+375 29 123 45 67" required> <p class="help-text">Введите номер телефона</p> </div> <div class="form-field"> <label> Удобный интервал для связи <span class="required">*</span> </label> <div class="checkbox-group day-selection" id="contact-time-group"> <div class="checkbox-option"> <input type="checkbox" id="time-morning" name="contact_time" value="утро"> <label for="time-morning">Утро</label> </div> <div class="checkbox-option"> <input type="checkbox" id="time-day" name="contact_time" value="день"> <label for="time-day">День</label> </div> <div class="checkbox-option"> <input type="checkbox" id="time-evening" name="contact_time" value="вечер"> <label for="time-evening">Вечер</label> </div> <div class="checkbox-option"> <input type="checkbox" id="time-night" name="contact_time" value="ночь"> <label for="time-night">Ночь</label> </div> </div> <p class="help-text">Выберите один или несколько удобных интервалов (обязательно выбрать хотя бы один)</p> </div> <div class="form-buttons"> <button type="submit" class="btn btn-primary btn-submit"> <span class="material-symbols-outlined">send</span> Отправить </button> <button type="reset" class="btn btn-outline btn-reset"> <span class="material-symbols-outlined">refresh</span> Сбросить </button> </div> </form> </div> </div> </section> </main> <!-- Футер с wrapper --> <footer class="call-to-action-section"> <div class="wrapper"> <div class="footer-nav"> <div class="nav-section"> <h3 class="nav-title">Навигация</h3> <div class="divider light"></div> <nav class="nav-links"> <a href="#">Коллекции</a> <a href="#">Где купить</a> <a href="#">О нас</a> <a href="#">Инструкции</a> <a href="#">Для партнёров</a> <a href="gallery.html">Галерея</a> <a href="dashboard.html">Дашборд</a> </nav> </div> <div class="contacts-section"> <h3 class="nav-title">Контакты</h3> <div class="divider light"></div> <address class="contact-info"> <p>119049, г. Москва, ул. Крымский вал, д.3, с.2</p> <a href="tel:+74955329112">+7 (495) 532-91-12</a> <a href="mailto:design@bautex.ru">design@bautex.ru</a> </address> </div> </div> <div class="footer-logo-container"> <a href="index.html"> <img src="img/logo.svg" alt="Лого" class="footer-logo"> </a> </div> <div class="footer-bottom footer-links"> <a href="#">Политика конфиденциальности</a> </div> </div> </footer> </body> </html>