h5实现登录
时间: 2023-07-07 08:12:54 浏览: 125
要实现一个基本的h5登录,你需要以下步骤:
1. 创建一个登录表单,包括用户名和密码输入框以及一个提交按钮。
2. 在后台编写一个处理表单数据的脚本,验证用户输入的用户名和密码是否正确。
3. 如果验证通过,将用户信息保存在Session或Cookie中,然后重定向到登录后的页面。
4. 如果验证不通过,返回一个错误信息,告知用户用户名或密码不正确。
HTML代码示例:
```
<form action="login.php" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username">
<br>
<label for="password">密码:</label>
<input type="password" id="password" name="password">
<br>
<input type="submit" value="提交">
</form>
```
PHP代码示例:
```
<?php
session_start();
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$username = $_POST['username'];
$password = $_POST['password'];
// 在这里验证用户名和密码是否正确
if ($username == 'admin' && $password == '123456') {
$_SESSION['username'] = $username;
header('Location: welcome.php');
exit();
} else {
$error_message = '用户名或密码不正确';
}
}
?>
<html>
<body>
<?php if (isset($error_message)) { ?>
<p><?php echo $error_message; ?></p>
<?php } ?>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username">
<br>
<label for="password">密码:</label>
<input type="password" id="password" name="password">
<br>
<input type="submit" value="提交">
</form>
</body>
</html>
```
其中,`session_start()`用于启动Session,`$_SERVER['REQUEST_METHOD']`用于判断请求方法是否为POST,`$_POST`用于获取表单提交的数据,`header()`用于重定向页面。