---

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <title>Элементы форм в HTML5</title>
</head>
<body>

    <h2>Заполнение анкеты</h2>

    <form>
        <fieldset>
            <legend>Форма с элементами HTML5:</legend>

            <!-- Ползунок -->
            <label for="range-input">Ползунок (Range):</label><br>
            <input type="range" id="range-input" name="volume" min="0" max="100" value="50"><br><br>

            <!-- 3 Чекбокса -->
            <label>Выберите интересующие темы (Чекбоксы):</label><br>
            <input type="checkbox" id="check1" name="topic1" value="web">
            <label for="check1">Веб-разработка</label><br>
            <input type="checkbox" id="check2" name="topic2" value="design">
            <label for="check2">Дизайн</label><br>
            <input type="checkbox" id="check3" name="topic3" value="prog">
            <label for="check3">Программирование</label><br><br>

            <!-- 2 Переключателя (Radio) -->
            <label>Укажите пол (Радиокнопки):</label><br>
            <input type="radio" id="male" name="gender" value="male">
            <label for="male">Мужской</label><br>
            <input type="radio" id="female" name="gender" value="female">
            <label for="female">Женский</label><br><br>

            <!-- Выпадающий список с datalist -->
            <label for="browser-input">Выберите или введите браузер (Datalist):</label><br>
            <input list="browsers" id="browser-input" name="browser" placeholder="Начните ввод...">
            <datalist id="browsers">
                <option value="Google Chrome">
                <option value="Mozilla Firefox">
                <option value="Opera">
                <option value="Safari">
                <option value="Microsoft Edge">
            </datalist><br><br>

            <!-- Кнопка Отправить -->
            <input type="submit" value="Отправить">
        </fieldset>
    </form>

</body>
</html>