在 PHP 中,要實現確認對話框,通常需要結合 HTML、JavaScript 和 CSS 來完成
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PHP Confirm Dialog Example</title>
<style>
.dialog {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
}
.dialog-content {
background-color: #fff;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
width: 50%;
}
</style>
</head>
<body>
<button onclick="showConfirmDialog()">Click me to show a confirm dialog</button>
<div id="confirmDialog" class="dialog">
<div class="dialog-content">
<p>Are you sure you want to proceed?</p>
<button onclick="confirmAction(true)">Yes</button>
<button onclick="confirmAction(false)">No</button>
</div>
</div>
<script>
function showConfirmDialog() {
document.getElementById('confirmDialog').style.display = 'block';
}
function confirmAction(confirmed) {
if (confirmed) {
alert('You clicked Yes!');
} else {
alert('You clicked No!');
}
document.getElementById('confirmDialog').style.display = 'none';
}
</script>
</body>
</html>
在這個示例中,我們創建了一個簡單的 HTML 頁面,其中包含一個按鈕和一個隱藏的確認對話框。當用戶點擊按鈕時,showConfirmDialog()
JavaScript 函數會被調用,顯示確認對話框。用戶可以通過點擊“Yes”或“No”按鈕來關閉對話框,并觸發 confirmAction()
函數。這個函數會根據用戶的操作執行相應的操作,例如彈出一個提示框顯示用戶的選擇。