设计一个登录界面,包括用户名文本框,密码文本框。用户单击“提交”按钮,转到登录界面,当用户输入指定用户名和密码时,跳转到新的页面
时间: 2024-01-08 17:01:51 浏览: 43
好的,我可以为您提供一个稍微复杂一些的登录界面设计,满足您的需求。
HTML 代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<title>登录界面</title>
</head>
<body>
<h1>欢迎登录</h1>
<form method="post" action="login.php">
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
```
这段代码会生成一个带有用户名文本框、密码文本框和提交按钮的登录界面。当用户单击“提交”按钮时,表单会被提交到服务器端的 login.php 文件进行处理。
login.php 文件的 PHP 代码如下:
```php
<?php
// 获取用户提交的用户名和密码
$username = $_POST['username'];
$password = $_POST['password'];
// 检查用户名和密码是否正确
if ($username == 'admin' && $password == 'admin123') {
// 如果正确,跳转到新页面
header('Location: welcome.php');
exit;
} else {
// 如果错误,返回登录界面并显示错误信息
echo '用户名或密码错误,请重新登录。';
}
?>
```
这段代码会检查用户提交的用户名和密码是否正确。如果正确,使用 header 函数将页面跳转到 welcome.php 页面。如果错误,返回登录界面并显示错误信息。
请注意,这只是一个简单的示例,实际的登录页面需要更复杂的逻辑和安全性措施来保护用户账号。并且,这里的密码验证方式也不够安全,建议在实际应用中使用更加安全的验证方式,例如哈希加盐等。