label {
display: block;
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
input[type="text"], input[type="password"] {
display: block;
width: 100%;
padding: 10px;
margin-bottom: 20px;
border: 1px solid #ccc;
border-radius: 5px;
input[type="submit"] {
display: block;
width: 100%;
padding: 10px;
margin-bottom: 20px;
background-color: #4CAF50;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
input[type="submit"]:hover {
background-color: #3e8e41;
PHP 登錄
// 在登錄頁面中獲取輸入框的值
var username=document.getElementById("username").value;
var password=document.getElementById("password").value;
// 在PHP腳本中處理用戶憑據
// 檢查用戶名和密碼是否正確
if (驗證用戶名和密碼(username, password)) {
// 發送登錄請求
echo "歡迎," . username . "!";
} else {
echo "用戶名或密碼錯誤,請重新輸入!";