為了完成這個任務，我們需要創建兩個文件：一個是 HTML 文件，名為 radiobutton.html，用於向使用者展示兩個選項按鈕和一個提交按鈕；另一個是 PHP 文件，名為 radiobutton.php，用於處理提交的表單數據並向使用者展示所選的遞送方式。
radiobutton.html
html
Copy code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>遞送方式選擇</title>
</head>
<body>
<form action="radiobutton.php" method="post">
<p>請選擇遞送方式：</p>
<input type="radio" id="homeDelivery" name="deliveryMethod" value="家配">
<label for="homeDelivery">家配</label><br>
<input type="radio" id="storePickup" name="deliveryMethod" value="超商取貨">
<label for="storePickup">超商取貨</label><br>
<input type="submit" value="提交">
</form>
</body>
</html>
radiobutton.php
php
Copy code
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// 確保有選項被選取
if (isset($_POST['deliveryMethod'])) {
$selectedMethod = $_POST['deliveryMethod'];
echo "您選取的遞送方式是：" . htmlspecialchars($selectedMethod);
} else {
echo "您沒有選擇遞送方式。";
}
} else {
echo "請通過表單提交您的選擇。";
}
?>
在 radiobutton.html 中，我們創建了一個表單，包含兩個選項按鈕（"家配" 和 "超商取貨"），並將表單的提交方式設置為 POST 方法，目標 URL 為 radiobutton.php。
在 radiobutton.php 中，我們首先檢查是否通過 POST 方法提交了數據。如果是，我們進一步檢查 deliveryMethod 是否被設置（即是否有選項被選擇）。如果有選擇遞送方式，我們將該選項的值賦給變量 $selectedMethod，並使用 htmlspecialchars 函數防止 XSS 攻擊，將選擇的遞送方式顯示給使用者。如果沒有選擇遞送方式，則顯示相應的提示信息。如果訪問 radiobutton.php 不是通過提交表單，則提示使用者通過表單提交。
阿摩線上測驗
登入