html 收银页面设计
时间: 2023-11-22 22:48:50 浏览: 33
以下是一个简单的HTML收银页面设计的例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>收银页面</title>
</head>
<body>
<h1>购物车</h1>
<table>
<tr>
<th>商品名称</th>
<th>单价</th>
<th>数量</th>
<th>小计</th>
</tr>
<tr>
<td>商品1</td>
<td>10.00</td>
<td>2</td>
<td>20.00</td>
</tr>
<tr>
<td>商品2</td>
<td>20.00</td>
<td>1</td>
<td>20.00</td>
</tr>
<tr>
<td colspan="3">总计</td>
<td>40.00</td>
</tr>
</table>
<form>
<h2>提交订单</h2>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="phone">电话:</label>
<input type="text" id="phone" name="phone"><br><br>
<label for="address">地址:</label>
<input type="text" id="address" name="address"><br><br>
<input type="submit" value="提交订单">
</form>
</body>
</html>
```