PHP - 表單處理：初學者指南

你好，有志於成為程序員的你！今天，我們將踏上一段令人興奮的旅程，進入PHP表單處理的世界。作為你友善的鄰居計算機老師，我會指導你這個網頁開發中的基礎部分。別擔心你以前從未寫過一行代碼——我們會從最基礎的知識開始，一起逐步學習。

PHP - Form Handling

表單處理是什麼？

在我們深入細節之前，讓我們先了解表單處理到底是什麼。想像你正在網上填寫一份工作申請表。你輸入你的名字、電子郵件和其他細節，然後點擊提交按鈕。你有想過接下來會發生什麼嗎？這就是表單處理的時候！

表單處理是收集、處理和存儲用戶通過網頁表單提交的信息的過程。這就像在餐廳裡當服務員一樣——你接收訂單（收集數據），把它傳給廚房（處理它），然後上菜（回應用戶）。

表單屬性

現在，讓我們來談談我們表單的積木——屬性。這些就像你給出的特殊指示，讓你的表單能夠正確工作。

這裡是一個常見表單屬性的表格：

屬性	描述
action	指定提交表單數據時發送到哪裡
method	定義如何發送表單數據（GET或POST）
name	給表單一個名稱以便引用
target	指定提交後在哪裡顯示回應
enctype	定義表單數據應如何編碼

讓我們看一個例子：

<form action="process.php" method="post" name="myForm">
<!-- 表單元素放在這裡 -->
</form>

在這個例子中，我們告訴表單在提交時使用POST方法將其數據發送到名為"process.php"的文件。我們還給它一個名稱"myForm"，以便於引用。

表單元素

現在我們有了表單結構，讓我們在其中添加一些元素。這些是用戶可以輸入他們信息的字段。

這裡是一個常見表單元素的表格：

元素	描述
input	創建各種輸入字段（文本、密碼、複選框等）
textarea	創建一個多行文本輸入字段
select	創建一個下拉列表
button	創建一個可點擊的按鈕

讓我們在表單中添加一些元素：

<form action="process.php" method="post" name="myForm">
<label for="name">姓名：</label>
<input type="text" id="name" name="name" required>

<label for="email">電子郵件：</label>
<input type="email" id="email" name="email" required>

<label for="message">訊息：</label>
<textarea id="message" name="message" rows="4" cols="50"></textarea>

<input type="submit" value="提交">
</form>

在這個例子中，我們添加了姓名、電子郵件和訊息字段。'required'屬性確保用戶在提交之前填寫姓名和電子郵件字段。

表單範例

現在，讓我們把所有東西結合起來，創建一個帶有PHP處理的完整表單。我們將創建兩個文件：一個是HTML表單，另一個是處理表單數據的文件。

首先，我們的HTML文件（form.html）：

<!DOCTYPE html>
<html lang="zh-tw">
<head>
<meta charset="UTF-8">
<title>我的第一個PHP表單</title>
</head>
<body>
<h2>聯繫我們</h2>
<form action="process.php" method="post">
<label for="name">姓名：</label>
<input type="text" id="name" name="name" required><br><br>

<label for="email">電子郵件：</label>
<input type="email" id="email" name="email" required><br><br>

<label for="subject">主題：</label>
<select id="subject" name="subject">
<option value="general">一般詢問</option>
<option value="support">技術支援</option>
<option value="billing">帳單問題</option>
</select><br><br>

<label for="message">訊息：</label><br>
<textarea id="message" name="message" rows="4" cols="50"></textarea><br><br>

<input type="submit" value="提交">
</form>
</body>
</html>

現在，讓我們創建我們的PHP文件來處理表單提交（process.php）：

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$name = $_POST['name'];
$email = $_POST['email'];
$subject = $_POST['subject'];
$message = $_POST['message'];

// 在這裡，你通常會處理數據（例如，保存到數據庫）
// 為了這個例子，我們只是打印接收到的數據

echo "<h2>感謝您的提交！</h2>";
echo "<p>姓名: " . htmlspecialchars($name) . "</p>";
echo "<p>電子郵件: " . htmlspecialchars($email) . "</p>";
echo "<p>主題: " . htmlspecialchars($subject) . "</p>";
echo "<p>訊息: " . htmlspecialchars($message) . "</p>";
} else {
echo "哎呀！發生了一個錯誤。請再試一次提交表單。";
}
?>

讓我們分解一下我們PHP文件中的情況：

我們首先檢查表單是否使用了POST方法提交。
如果是，我們使用$_POST超全局變量來獲取表單數據。
然後，我們將提交的信息回顯給用戶。
如果表單不是通過POST提交的，我們顯示一條錯誤信息。

注意使用htmlspecialchars()函數。這是一個重要的安全措施，用以防止XSS（跨站腚腳）攻擊，通過將特殊字符轉換為他們的HTML實體。

這就是全部！你剛剛創建了你的第一個PHP表單處理腚腳。當用戶提交表單時，他們會看到一條感謝信息和他們提交的信息。

記住，在真實世界的情況下，你會對這些數據做更多的事情——比如保存到數據庫、發送電子郵件或觸發其他動作。但這個例子為你提供了堅實的基礎來建立。

當我們結束時，我想分享一個我早期編程時的小故事。我曾經忘記在表單中包含'action'屬性，然後花了好幾個小時納悶為什麼我的PHP腚腳沒有接收到任何數據！這只是表明，即使在編程中，最微小的細節也很重要。所以，總是要倍加檢查你的代碼，並不怕犯錯誤——它們是最好的老師！

持續練習，保持好奇心，在你意識到之前，你會像專業人士一樣處理表單。快樂編程！

Credits: Image by storyset