web的html用户通过输入正确的用户名和密码进行登录成功,正确的用户名为“admin”,密码为“a1234567”,否则提示用户名密码错误
时间: 2023-11-30 13:05:05 浏览: 40
以下是一个简单的Web登录页面的HTML代码,您可以将这段代码保存为一个名为`login.html`的文件并在浏览器中打开它。当用户输入正确的用户名和密码时,将会跳转到一个名为`welcome.html`的页面;否则将会在登录页面上显示错误信息。
```html
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
</head>
<body>
<h1>Login</h1>
<form action="welcome.html" method="post">
<label for="username">Username:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password"><br><br>
<input type="submit" value="Login">
</form>
<?php
$username = "admin";
$password = "a1234567";
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
if ($_POST['username'] == $username && $_POST['password'] == $password) {
header("Location: welcome.html");
exit();
} else {
echo "<p style='color:red;'>Invalid username or password.</p>";
}
}
?>
</body>
</html>
```
注意:这个代码中包含了一小段PHP代码,用于验证用户输入的用户名和密码是否正确,并根据结果进行相应的处理。如果您要运行这个代码,您需要确保您的Web服务器支持PHP,并且需要将这段代码保存为一个`.php`文件,而不是`.html`文件。