用html写一个简单的登陆和注册页面,实现与PHP数据库的储存用户密码
时间: 2024-02-23 09:03:02 浏览: 25
好的,我可以为您提供一个简单的登陆和注册页面的HTML代码,并且使用PHP将用户信息存储到数据库中。以下是代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>Login/Register Page</title>
</head>
<body>
<h1>Login</h1>
<form method="post" action="login.php">
<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>
<h1>Register</h1>
<form method="post" action="register.php">
<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="Register">
</form>
</body>
</html>
```
在这个示例中,我们有一个登陆和注册表单,每个表单都有一个用户名和密码输入框,以及一个提交按钮。当用户提交表单时,表单数据将被发送到相应的PHP文件进行处理。
以下是login.php的代码示例:
```php
<?php
//连接数据库
$conn = mysqli_connect("localhost", "root", "", "test_db");
//获取表单数据
$username = $_POST['username'];
$password = $_POST['password'];
//查询数据库中是否存在该用户
$query = "SELECT * FROM users WHERE username='$username' AND password='$password'";
$result = mysqli_query($conn, $query);
//如果查询结果存在,则将用户重定向到欢迎页面,否则返回登陆页面
if(mysqli_num_rows($result) > 0) {
header("Location: welcome.php");
} else {
header("Location: login.html");
}
?>
```
在这个示例中,我们首先连接到数据库,然后获取从登陆表单提交的用户名和密码。接下来,我们使用查询语句检查数据库中是否存在该用户。如果查询结果存在,则将用户重定向到欢迎页面,否则将用户重定向回登陆页面。
以下是register.php的代码示例:
```php
<?php
//连接数据库
$conn = mysqli_connect("localhost", "root", "", "test_db");
//获取表单数据
$username = $_POST['username'];
$password = $_POST['password'];
//向数据库中插入新用户
$query = "INSERT INTO users (username, password) VALUES ('$username', '$password')";
$result = mysqli_query($conn, $query);
//如果插入成功,则将用户重定向到欢迎页面,否则返回注册页面
if($result) {
header("Location: welcome.php");
} else {
header("Location: register.html");
}
?>
```
在这个示例中,我们首先连接到数据库,然后获取从注册表单提交的用户名和密码。接下来,我们使用INSERT语句将新用户插入到数据库中。如果插入成功,则将用户重定向到欢迎页面,否则将用户重定向回注册页面。
请注意,上述示例代码仅用于演示目的。在实际应用程序中,您需要对安全性和数据验证进行更多的考虑。