HTML點餐界面代碼
<!DOCTYPE html> <html> <head> <title>點餐界面</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h1>歡迎來到點餐界面！</h1> <form> <label for="food">食品:</label> <input type="text" id="food" name="food"> <br> <label for="number">數量:</label> <input type="number" id="number" name="number"> <br> <label for="spice">辣度:</label> <select id="spice" name="spice"> <option value="不辣">不辣</option> <option value="微辣">微辣</option> <option value="中辣">中辣</option> <option value="重辣">重辣</option> </select> <br> <label for="sauce">醬汁:</label> <input type="checkbox" id="sauce1" name="sauce" value="蒜蓉"> <label for="sauce1">蒜蓉</label> <input type="checkbox" id="sauce2" name="sauce" value="沙茶"> <label for="sauce2">沙茶</label> <input type="checkbox" id="sauce3" name="sauce" value="麻辣"> <label for="sauce3">麻辣</label> <br> <input type="submit" value="提交"> </form> </body> </html>
以上代碼包含了一個簡單的點餐界面，用戶可以輸入食品名稱、數量、選擇辣度和醬汁，然后提交訂單。該代碼使用了HTML標簽進行頁面布局，包括標題、表單、標簽、輸入框、選擇框和復選框等元素。通過這些元素，用戶可以方便地選擇自己喜歡的點餐內容，從而實現更好的用戶體驗。