HTML5是一種新一代的網頁標準，它為開發者提供了豐富的功能和靈活的結構。結合PHP數據庫，我們可以實現強大的動態網站。本文將介紹如何運用HTML5和PHP數據庫來創建一個簡單的用戶注冊和登錄系統，展示了它們強大的功能和互補性。 首先，讓我們來看一個簡單的注冊表單的例子。我們可以使用HTML5的表單元素和屬性來構建一個用戶注冊頁面。

<form action="register.php" method="POST">
<label for="username">用戶名:</label>
<input type="text" id="username" name="username" required>
<label for="password">密碼:</label>
<input type="password" id="password" name="password" required>
<input type="submit" value="注冊">
</form>

在上面的代碼中，我們使用了<form>元素來創建一個表單，其中action屬性指定了表單數據提交的目標頁面，method屬性指定了提交方法為POST。使用<label>元素為表單字段添加標簽，并使用required屬性設置字段為必填項。最后，使用<input>元素的type屬性設置字段類型為text和password，并使用value屬性設置提交按鈕的文本。 接下來，我們需要使用PHP數據庫來處理表單的提交和用戶數據的存儲。下面是一個簡單的注冊處理頁面的例子。

<?php
// 獲取注冊表單的提交數據
$username = $_POST['username'];
$password = $_POST['password'];
// 連接數據庫
$conn = new mysqli('localhost', 'username', 'password', 'database');
// 檢查數據庫連接
if ($conn->connect_error) {
die("數據庫連接失敗: " . $conn->connect_error);
}
// 插入用戶數據到數據庫
$sql = "INSERT INTO users (username, password) VALUES ('$username', '$password')";
if ($conn->query($sql)) {
echo "注冊成功！";
} else {
echo "注冊失敗: " . $conn->error;
}
// 關閉數據庫連接
$conn->close();
?>

在上面的代碼中，我們使用了$_POST全局變量來獲取注冊表單提交的數據，并將其存儲在$username和$password變量中。然后，我們使用mysqli類來連接數據庫，并檢查連接是否成功。接下來，我們使用SQL查詢語句將用戶數據插入到名為users的表中。如果插入成功，我們將顯示"注冊成功！"的消息，否則將顯示錯誤消息。最后，我們關閉數據庫連接。 類似地，我們可以使用HTML5和PHP數據庫來實現用戶登錄系統。以下是一個簡單的登錄表單的例子。

<form action="login.php" method="POST">
<label for="username">用戶名:</label>
<input type="text" id="username" name="username" required>
<label for="password">密碼:</label>
<input type="password" id="password" name="password" required>
<input type="submit" value="登錄">
</form>

上述代碼與注冊表單的代碼類似，只是action屬性指向了登錄處理頁面login.php。以下是一個簡單的登錄處理頁面的例子。

<?php
// 獲取登錄表單的提交數據
$username = $_POST['username'];
$password = $_POST['password'];
// 連接數據庫
$conn = new mysqli('localhost', 'username', 'password', 'database');
// 檢查數據庫連接
if ($conn->connect_error) {
die("數據庫連接失敗: " . $conn->connect_error);
}
// 查詢數據庫中是否存在匹配的用戶名和密碼
$sql = "SELECT * FROM users WHERE username='$username' AND password='$password'";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
echo "登錄成功！";
} else {
echo "用戶名或密碼錯誤！";
}
// 關閉數據庫連接
$conn->close();
?>

在上述代碼中，我們使用SELECT查詢語句從數據庫中檢索與提交的用戶名和密碼匹配的記錄。如果查詢結果集中有數據，表示登錄成功，否則表示用戶名或密碼錯誤。 通過以上的例子，我們可以看到HTML5和PHP數據庫的結合為開發動態網站提供了非常強大的功能。無論是用戶注冊系統還是登錄系統，我們都可以使用HTML5的表單元素和屬性來創建交互式的用戶界面，并使用PHP數據庫來處理用戶數據的存儲和驗證。這種組合使得我們能夠輕松構建復雜的、功能豐富的網站。