復習：フォーム #1

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

チャレンジ

簡単

下の画像に示すように、HTMLを使ってシンプルなドリンク注文フォームを作りましょう。

含める内容は次のとおりです。

すべてを囲む<form>タグ。
ユーザーがドリンクを選べるようにする、ラジオボタンのグループ（name: "drink"）。ラベルは"Water"、"Coke"、または"Sprite"にします。それぞれのラジオボタンには、ラベルを小文字にしたidを付けます："water"、"coke"、"sprite"。
任意の追加項目を選ぶための、チェックボックスのグループ（name: "extras"）。ラベルは"Ice"、"Lemon"、または"Sugar"にします。それぞれのチェックボックスには、ラベルを小文字にしたidを付けます："ice"、"lemon"、"sugar"。
ドリンクのサイズを選ぶためのドロップダウンメニュー（name: "size"）。選択肢は"Small"、"Medium"、または"Large"にします。
"Place Order"と表示する送信ボタン。
"Clear"と表示するリセットボタン。

⚠️ 重要：<form>タグは1つだけ使用してください。HTMLでは<form>タグを入れ子にすることはできません。別の<form>の中に<form>を置くのは無効で、入力要素がフォームの外にあると判定され、テストが失敗します。ラジオボタン、チェックボックス、ドロップダウン、ボタンはすべて1つの外側の<form>の直下に配置してください。各セクションを追加の<form>タグで囲まないでください。

自分で試してみよう

<!DOCTYPE html>
<html>
    <body>
        <form>
            <p>Select a drink: </p>
            <!-- ここにコードを書いてください -->
            
            <p>Select extras: </p>
            <!-- ここにコードを書いてください -->
            
            <p>Select size: </p>
            <!-- ここにコードを書いてください -->
            
        </form>
    </body>
</html>