為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在線購買頁面。