今天我們來學習如何使用HTML和數據庫創建登錄界面。首先，我們需要先創建一個HTML頁面，其中包含用戶名和密碼的輸入框以及一個登錄按鈕。
下面是HTML登錄界面的代碼：
<!DOCTYPE html> <html> <head> <title>登錄頁面</title> </head> <body> <form method="post" action="login.php"> <p> <label>用戶名:</label> <input type="text" name="username"> </p> <p> <label>密碼:</label> <input type="password" name="password"> </p> <p> <input type="submit" value="登錄"> </p> </form> </body> </html>在這個表單中，我們定義了一個表單，其中帶有“POST”方法和“login.php”操作。這表明當用戶提交表單時，瀏覽器將向login.php頁面發送POST請求。 現在，我們需要創建一個PHP腳本，該腳本將檢查數據庫是否存在此用戶的憑據。 下面是login.php的PHP代碼：
<?php
// 連接數據庫
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "myDB";
$conn = mysqli_connect($servername, $username, $password, $dbname);
// 檢測連接
if (!$conn) {
die("連接失敗: " . mysqli_connect_error());
}
// 獲取輸入的用戶名和密碼
$name = $_POST['username'];
$pass = $_POST['password'];
// 查詢數據庫
$sql = "SELECT id FROM users WHERE username='$name' and password='$pass'";
$result = mysqli_query($conn, $sql);
$count = mysqli_num_rows($result);
// 如果用戶名和密碼驗證通過，將用戶重定向到主頁
if ($count == 1) {
header("Location: /home.php");
} else {
echo "用戶名或密碼不正確！";
}
// 關閉連接
mysqli_close($conn);
?>在這個PHP代碼中，我們首先連接到myDB數據庫中的服務器。然后，我們從POST請求中獲取輸入字段的值并查詢具有此用戶名和密碼的數據庫行。如果行存在，我們將用戶重定向到主頁，否則失敗并返回錯誤消息。
這就是我們如何使用HTML和數據庫創建登錄界面的全部代碼。通過學習這些代碼，我們可以了解如何使用基本的web開發技術來創建一個具有數據庫支持的完整登錄系統。