回顾：表单 #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> 标签。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>