/
enn
/
WebSite1_lab
Обзор
Документация
Войти
/
enn
/
WebSite1_lab
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
lab8
form.html
108 строк
5 KB
Sebastiana
lab7
18 мар 2026, 18:24
18 мар 2026, 18:24
bcb6984
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Регистрация нового пользователя</title> <link href="CSS/normalize.css" rel="stylesheet"> <link href="CSS/style.css" rel="stylesheet"> </head> <body><!-- Шапка сайта с работающей ссылкой на index.html --> <header> <nav> <a href="index.html">Главная (Рождество)</a> </nav> <h1>Регистрация</h1> </header><!-- Основная часть с формой --> <main> <form class="form-registration" action="//httpbin.org/post" method="post"> <!-- Группа 1: Личная информация --> <fieldset> <legend>Личная информация</legend> <!-- Имя (обязательное) --> <div class="field-group"> <label for="name" class="required">Имя</label> <input type="text" id="name" name="name" placeholder="Введите ваше имя" required> </div> <!-- Дата рождения --> <div class="field-group"> <label for="birthdate">Дата рождения</label> <input type="date" id="birthdate" name="birthdate"> </div> <!-- Пол (радио кнопки) --> <div class="field-group"> <label>Пол</label> <div class="radio-group"> <label> <input type="radio" name="gender" value="male"> Мужской </label> <label> <input type="radio" name="gender" value="female"> Женский </label> </div> </div> </fieldset> <!-- Группа 2: Контактные данные --> <fieldset> <legend>Контактные данные</legend> <!-- Email (обязательный) --> <div class="field-group"> <label for="email" class="required">Email</label> <input type="email" id="email" name="email" placeholder="example@mail.com" required> </div> <!-- Телефон --> <div class="field-group"> <label for="phone">Телефон</label> <input type="tel" id="phone" name="phone" placeholder="+7 (999) 123-45-67"> </div> <!-- Пароль (обязательный) --> <div class="field-group"> <label for="password" class="required">Пароль</label> <input type="password" id="password" name="password" placeholder="Минимум 6 символов" required minlength="6"> </div> <!-- Удобный интервал для связи (множественный выбор) --> <div class="field-group"> <label>Удобный интервал для связи</label> <div class="checkbox-group"> <label> <input type="checkbox" name="contact_time" value="morning"> Утро </label> <label> <input type="checkbox" name="contact_time" value="afternoon"> День </label> <label> <input type="checkbox" name="contact_time" value="evening"> Вечер </label> <label> <input type="checkbox" name="contact_time" value="night"> Ночь </label> </div> </div> </fieldset> <!-- Кнопки с иконками (использую UTF-8 символы как иконки) --> <div class="button-group"> <button type="submit" class="btn-submit"> <span>✅</span> Зарегистрироваться </button> <button type="reset" class="btn-reset"> <span>🔄</span> Очистить форму </button> </div> </form> </main> <footer> <p>© 2026</p> </footer> </body> </html>