復習：フォーム #1

CoddyのHTMLジャーニー「基礎」セクションの一部。レッスン 46/60。

チャレンジ

簡単

以下の画像に示すように、HTMLを使ってシンプルな飲み物の注文フォームを作成しましょう。

含めるものは次のとおりです：

すべてを囲む <form> タグ。
ユーザーが飲み物を選択できるようにするラジオボタンのグループ（name: "drink"）。ラベルは "Water"、"Coke"、または "Sprite" にします。
追加オプション用のチェックボックスのグループ（name: "extras"）。ラベルは "Ice"、"Lemon"、または "Sugar" にします。
飲み物のサイズを選択するためのドロップダウンメニュー（name: "size"）。選択肢は "Small"、"Medium"、または "Large" にします。
"Place Order" と表示される送信ボタン。
"Clear" と表示されるリセットボタン。

⚠️ 重要：<form> タグは1つだけ使用してください。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>