设计一个简单的登录界面,使用PHP来实现。
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<style>
body {
font-family: Arial, sans-serif;
}
.container {
width: 300px;
margin: 0 auto;
padding: 20px;
background-color: #f2f2f2;
border: 1px solid #ccc;
border-radius: 5px;
}
.container h2 {
text-align: center;
}
.container input[type="text"],
.container input[type="password"] {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 3px;
}
.container input[type="submit"] {
width: 100%;
padding: 10px;
background-color: #4caf50;
color: white;
border: none;
border-radius: 3px;
cursor: pointer;
}
.container input[type="submit"]:hover {
background-color: #45a049;
}
.error {
color: red;
margin-bottom: 10px;
}
</style>
</head>
<body>
<?php
$username = $password = '';
$errors = array();
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
// 获取表单提交的用户名和密码
$username = $_POST['username'];
$password = $_POST['password'];
// 验证用户名和密码是否为空
if (empty($username)) {
$errors['username'] = '请输入用户名';
}
if (empty($password)) {
$errors['password'] = '请输入密码';
}
// 如果用户名和密码不为空,则进行登录验证
if (!empty($username) && !empty($password)) {
// 进行登录验证的逻辑,可以根据实际需求进行修改
if ($username === 'admin' && $password === '123456') {
// 登录成功,跳转到其他页面
header('Location: welcome.php');
exit;
} else {
$errors['login'] = '用户名或密码错误';
}
}
}
?>
<div class="container">
<h2>Login</h2>
<form method="POST" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>">
<?php if (isset($errors['login'])) { ?>
<div class="error"><?php echo $errors['login']; ?></div>
<?php } ?>
<input type="text" name="username" placeholder="Username" value="<?php echo htmlspecialchars($username); ?>">
<?php if (isset($errors['username'])) { ?>
<div class="error"><?php echo $errors['username']; ?></div>
<?php } ?>
<input type="password" name="password" placeholder="Password" value="<?php echo htmlspecialchars($password); ?>">
<?php if (isset($errors['password'])) { ?>
<div class="error"><?php echo $errors['password']; ?></div>
<?php } ?>
<input type="submit" value="Login">
</form>
</div>
</body>
</html>
这个登录界面使用了一个简单的表单,用户需要输入用户名和密码进行登录。在PHP代码中,我们对用户输入的用户名和密码进行了验证,如果有错误,则显示相应的错误信息。如果用户名和密码验证通过,则进行登录成功的逻辑,这里只是简单地跳转到welcome.php页面。你可以根据实际需求修改登录验证的逻辑。
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站