点餐页面html
时间: 2023-07-01 18:07:49 浏览: 64
以下是一个简单的点餐页面的HTML代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>点餐页面</title>
</head>
<body>
<h1>欢迎光临我们的餐厅</h1>
<h2>请选择以下菜品:</h2>
<form>
<label for="burger">汉堡:</label>
<input type="number" id="burger" name="burger" min="0" max="10"><br>
<label for="fries">薯条:</label>
<input type="number" id="fries" name="fries" min="0" max="10"><br>
<label for="drink">饮料:</label>
<select id="drink" name="drink">
<option value="coke">可乐</option>
<option value="pepsi">百事可乐</option>
<option value="sprite">雪碧</option>
</select><br>
<label for="notes">备注:</label>
<textarea id="notes" name="notes"></textarea><br>
<input type="submit" value="提交订单">
</form>
</body>
</html>
```
这个页面包含了一个标题、一个欢迎语、一些表单元素(包括数字输入框、下拉菜单和文本框)以及一个提交按钮。当用户填写好表单并点击提交按钮时,表单数据将被发送到服务器进行处理。在实际应用中,你需要在服务器端处理表单数据并根据用户的选择生成订单。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)