Повторение — Формы №1

Часть раздела Основы путешествия по HTML на Coddy. Урок 46 из 60.

Задание

Легко

Давайте создадим простую форму заказа напитка с использованием HTML, как показано на изображении ниже.

Вот что нужно добавить:

Тег <form>, который оборачивает всё содержимое.
Группу переключателей (name: "drink"), чтобы пользователи могли выбрать напиток. Подписи должны быть "Water", "Coke" или "Sprite".
Группу флажков (name: "extras") для дополнительных добавок. Подписи должны быть "Ice", "Lemon" или "Sugar".
Раскрывающееся меню (name: "size") для выбора размера напитка. Вариантами должны быть "Small", "Medium" или "Large".
Кнопку отправки с подписью "Place Order".
Кнопку сброса с подписью "Clear".

⚠️ Важно: Используй только один тег <form>. HTML не допускает вложенные теги <form>: размещение <form> внутри другого <form> является недопустимым и приведёт к тому, что ваши поля ввода будут обнаружены за пределами формы, из-за чего тесты не пройдут. Помести все переключатели, флажки, раскрывающееся меню и кнопки непосредственно внутрь единственного внешнего тега <form>: не оборачивай разделы в дополнительные теги <form>.

Попробуйте сами

<!DOCTYPE html>
<html>
    <body>
        <form>
            <p>Select a drink: </p>
            <!-- Напишите код здесь -->
            
            <p>Select extras: </p>
            <!-- Напишите код здесь -->
            
            <p>Select size: </p>
            <!-- Напишите код здесь -->
            
        </form>
    </body>
</html>