为CODING COFFEE加入在线购买页 · 预科段标准教案 V1.5

## 为CODING COFFEE加入在线购买页面 [TOC] 大家还记得CODING COFFEE咖啡馆吗？现在，它非常火爆，很多顾客排队也买不到咖啡。所以，我们打算在网上接收咖啡的订单，送货上门！ > 试着使用表单获取用户的订单信息！ ``` <body> <h1>CODING COFFEE在线订购</h1> <h2>请填写您的真实信息，我们将在24小时内送货门</h2> <form action="http://codingcoffee.com/onlineorder.php" method="post"> <p> 选择豆子类型： <select name="beans"> <option value="House Blend">House Blend</option> <option value="Bolivia">Shade Grown Bolivia Supremo</option> <option value="Guatemala">Organic Guatemala</option> <option value="Kenya">Kenya</option> </select> </p> <p> 类型:<br> <input type="radio" name="beantype" value="whole"> 完整豆子 <br> <input type="radio" name="beantype" value="ground" checked> 咖啡粉 </p> <p> 数量: <input type="number" name="bags" min="1" max="10"> </p> <p> 最晚到达日期: <input type="date" name="date"> </p> <p> Extras:<br> <input type="checkbox" name="extras[]" value="giftwrap"> 礼盒包装 <br> <input type="checkbox" name="extras[]" value="catalog" checked> 包含购物清单 </p> <p> 送货地址: <br> 姓名: <input type="text" name="name" value=""><br> 具体地址: <input type="text" name="address" value=""><br> 城市: <input type="text" name="city" value=""><br> 省: <input type="text" name="state" value=""><br> 区: <input type="text" name="zip" value=""><br> 电话号码: <input type="tel" name="phone" value=""><br> </p> <p> 客户留言:<br> <textarea name="comments"></textarea> </p> <p> <input type="submit" value="现在购买"> <input type="reset" value="重新填写"> </p> </form> </body> ``` ## 作业 * 完成本节CODING COFFEE在线购买页面。