隨著互聯網的不斷發展，網購已經成為我們生活中必不可少的一部分。而在網購中，購物車也是我們經常會用到的一個功能。今天我們就來看一下如何使用HTML實現購物車功能。
<html>
<head>
<meta charset="utf-8">
<title>購物車</title>
</head>
<body>
<h1>歡迎來到購物車界面</h1>
<h2>以下是我們菜單中的商品</h2>
<ul>
<li>牛肉面：￥12</li>
<li>麻辣燙：￥10</li>
<li>水餃：￥8</li>
<li>米飯：￥2</li>
</ul>
<h2>請選擇您需要購買的商品</h2>
<form action="#" method="post">
<label><input type="checkbox" name="item[]" value="牛肉面">牛肉面，單價￥12</label><br>
<label><input type="checkbox" name="item[]" value="麻辣燙">麻辣燙，單價￥10</label><br>
<label><input type="checkbox" name="item[]" value="水餃">水餃，單價￥8</label><br>
<label><input type="checkbox" name="item[]" value="米飯">米飯，單價￥2</label><br>
<input type="submit" name="submit" value="添加到購物車">
</form>
<h2>您的購物車中有以下商品</h2>
<ul>
<?php
$total = 0;
if(isset($_POST['submit'])) {
$items = $_POST['item'];
foreach($items as $item){
echo "<li>".$item."</li>";
switch($item){
case '牛肉面': $total += 12;
break;
case '麻辣燙': $total += 10;
break;
case '水餃': $total += 8;
break;
case '米飯': $total += 2;
break;
}
}
}
echo "<li>總價：￥".$total."</li>";
?>
</ul>
</body>
</html>以上便是一個簡單的HTML購物車代碼，我們使用了兩個表單，分別用來選擇商品和展示購物車。在展示購物車商品時，我們使用了PHP來計算購物車總價，這也是相對復雜代碼實現的部分。