html点击登录跳转页面
时间: 2023-07-25 15:32:40 浏览: 41
要实现点击登录按钮跳转页面,你可以通过以下几个步骤来实现:
1. 在 HTML 中创建一个登录表单,包括用户名和密码输入框,以及一个提交按钮:
```html
<form action="login.php" method="post">
<label>用户名:</label>
<input type="text" name="username"><br>
<label>密码:</label>
<input type="password" name="password"><br>
<input type="submit" value="登录">
</form>
```
2. 创建一个 login.php 文件来处理用户提交的表单数据,并进行验证。如果验证通过,可以使用 PHP 的 header 函数将用户重定向到另一个页面:
```php
<?php
// 处理用户提交的表单数据
$username = $_POST['username'];
$password = $_POST['password'];
// 进行验证,验证通过就重定向到另一个页面
if ($username == 'admin' && $password == 'password') {
header('Location: welcome.php');
exit;
} else {
echo "用户名或密码错误";
}
?>
```
3. 创建一个 welcome.php 文件来显示用户登录成功的页面内容:
```html
<!DOCTYPE html>
<html>
<head>
<title>欢迎</title>
</head>
<body>
<h1>欢迎来到我的网站!</h1>
<p>您已成功登录。</p>
</body>
</html>
```
注意:以上代码只是示例代码,实际应用中需要进行更多的安全验证和处理。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![htm](https://img-home.csdnimg.cn/images/20210720083646.png)