Загрузка данных

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Запись в клуб</title>
</head>
<body>

    <!-- Задание 1 -->
    <h1>Клуб настольных игр</h1>

    <!-- Задание 2 -->
    <h2>Программа занятий</h2>
    <ul>
        <li>Для начинающих
            <ul>
                <li>Знакомство с правилами</li>
                <li>Простые игры (Уно, Диксит)</li>
            </ul>
        </li>
        <li>Для продолжающих
            <ul>
                <li>Стратегии (Каркассон, Колонизаторы)</li>
                <li>Кооперативные игры</li>
                <li>Турниры</li>
            </ul>
        </li>
    </ul>

    <!-- Задание 3 -->
    <h2>Расписание встреч клуба</h2>
    <table border="1" cellpadding="5" cellspacing="0">
        <thead>
            <tr>
                <th>День</th>
                <th>Время</th>
                <th>Тема встречи</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Понедельник</td>
                <td>18:00</td>
                <td>Новичковые игры</td>
            </tr>
            <tr>
                <td>Среда</td>
                <td>19:00</td>
                <td>Турнир по Уно</td>
            </tr>
            <!-- Объединение ячеек в последней строке -->
            <tr>
                <td colspan="3">В праздничные дни встреч нет</td>
            </tr>
        </tbody>
    </table>

    

    <!-- Задание 4 -->
    <form>
        <fieldset>
            <legend>Анкета участника</legend>

            <!-- Задание 5 -->
            <p>
                <label for="name">Имя:</label>

                <input type="text" id="name" name="name" placeholder="Введите имя" required>
            </p>
            <p>
                <label for="email">Email:</label>

                <input type="email" id="email" name="email" required>
            </p>
            <p>
                <label for="phone">Телефон:</label>

                <input type="tel" id="phone" name="phone">
            </p>
            <p>
                <label for="birthdate">Дата рождения:</label>

                <input type="date" id="birthdate" name="birthdate">
            </p>

            <!-- Задание 6 -->
            <p>Какой у вас уровень подготовки?</p>
            <input type="radio" id="novice" name="level" value="novice">
            <label for="novice">Новичок</label>

            <input type="radio" id="experienced" name="level" value="experienced">
            <label for="experienced">Опытный</label>

            <!-- Задание 7 -->
            <p>
                <label for="day">Удобный день для встреч:</label>

                <select id="day" name="day">
                    <option value="monday">Понедельник</option>
                    <option value="wednesday">Среда</option>
                    <option value="saturday">Суббота</option>
                </select>
            </p>

            <!-- Задание 8 -->
            <p>
                <input type="checkbox" id="chat" name="chat">
                <label for="chat">Хочу вступить в чат участников клуба</label>
            </p>

            <!-- Задание 9 -->
            <p>
                <label for="experience">Расскажите о своём опыте:</label>

                <textarea id="experience" name="experience" rows="4" cols="30"></textarea>
            </p>

            <button type="submit">Отправить анкету</button>

        </fieldset>
    </form>

    <hr>

    <!-- Задание 10 -->
    <h3>Быстрый вопрос организатору</h3>
    <form>
        <label for="quick-question">Ваш вопрос:</label>

        <input type="text" id="quick-question" name="quick-question">

        <button type="submit">Отправить</button>
    </form>

</body>
</html>