復習：フォーム #1
CoddyのHTMLジャーニー「Fundamentals」セクションの一部 — レッスン 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>