/
Orpheus
/
laba4
Обзор
Документация
Войти
/
Orpheus
/
laba4
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
index.html
82 строки
4 KB
Orpheus
laba 4
09 июн 2025, 05:53
09 июн 2025, 05:53
e50952d
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Лабораторная работа №4 - Основы JavaScript</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <h1>Анкета сотрудника</h1> <form id="employeeForm"> <div class="form-group"> <label for="lastName">Фамилия*</label> <input type="text" id="lastName" name="lastName" required> <div class="error-message" id="lastNameError"></div> </div> <div class="form-group"> <label for="firstName">Имя*</label> <input type="text" id="firstName" name="firstName" required> <div class="error-message" id="firstNameError"></div> </div> <div class="form-group"> <label>Пол*</label> <div class="radio-group"> <label> <input type="radio" name="gender" value="male" required> Мужской </label> <label> <input type="radio" name="gender" value="female"> Женский </label> </div> <div class="error-message" id="genderError"></div> </div> <div class="form-group"> <label for="phone">Номер телефона*</label> <input type="tel" id="phone" name="phone" pattern="[\+]\d{1}\s[\(]\d{3}[\)]\s\d{3}[\-]\d{2}[\-]\d{2}" placeholder="+7 (XXX) XXX-XX-XX" required> <div class="error-message" id="phoneError"></div> </div> <div class="form-group"> <label for="email">Email*</label> <input type="email" id="email" name="email" required> <div class="error-message" id="emailError"></div> </div> <div class="form-group"> <label for="position">Должность*</label> <select id="position" name="position" required> <option value="">-- Выберите должность --</option> <option value="developer">Разработчик</option> <option value="designer">Дизайнер</option> <option value="manager">Менеджер</option> <option value="analyst">Аналитик</option> <option value="tester">Тестировщик</option> </select> <div class="error-message" id="positionError"></div> </div> <div class="form-group"> <label for="responsibilities">Трудовые обязанности*</label> <textarea id="responsibilities" name="responsibilities" rows="4" required></textarea> <div class="error-message" id="responsibilitiesError"></div> </div> <div class="form-actions"> <button type="button" id="saveBtn">Сохранить</button> <button type="reset" id="resetBtn">Сбросить</button> <button type="button" id="loadBtn">Выгрузить данные</button> </div> </form> <div id="message" class="message"></div> </div> <script src="script.js"></script> </body> </html>