<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Форма обратной связи</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="form-container">
<h2>Форма обратной связи</h2>
<form action="processor.php" method="POST">
<!-- Поле Email -->
<div class="form-group">
<label for="email">Ваша почта:</label>
<input type="email" id="email" name="email" required placeholder="example@mail.ru">
</div>
<!-- Радио кнопки (Пол) -->
<div class="form-group">
<p>Ваш пол:</p>
<label class="inline-label">
<input type="radio" name="gender" value="female" required> Женский
</label>
<label class="inline-label">
<input type="radio" name="gender" value="male"> Мужской
</label>
</div>
<!-- Группа 1: Что не понравилось -->
<div class="form-group">
<h3>Что не понравилось:</h3>
<label><input type="checkbox" name="disliked[]" value="1"> Дизайн и визуальное оформление</label>
<label><input type="checkbox" name="disliked[]" value="2"> Функционал</label>
<label><input type="checkbox" name="disliked[]" value="3"> Структура навигации и читаемость текста</label>
<label><input type="checkbox" name="disliked[]" value="4"> Вовлечение пользователя</label>
<label><input type="checkbox" name="disliked[]" value="5"> Интуитивность использования</label>
<label><input type="checkbox" name="disliked[]" value="6"> Ресурс требует глобальной доработки</label>
</div>
<!-- Группа 2: Что понравилось (Добавлен required хотя бы на один чекбокс) -->
<div class="form-group">
<h3>Что понравилось:</h3>
<label><input type="checkbox" name="liked[]" value="1" required> Дизайн и визуальное оформление</label>
<label><input type="checkbox" name="liked[]" value="2"> Функционал</label>
<label><input type="checkbox" name="liked[]" value="3"> Структура навигации и читаемость текста</label>
<label><input type="checkbox" name="liked[]" value="4"> Вовлечение пользователя</label>
<label><input type="checkbox" name="liked[]" value="5"> Интуитивность использования</label>
<label><input type="checkbox" name="liked[]" value="6"> Ресурс требует глобальной доработки</label>
</div>
<button type="submit">Отправить</button>
</form>
</div>
</body>
</html>