html登录页面跳转
时间: 2023-07-25 13:14:56 浏览: 298
在 HTML 登录页面中,可以使用 JavaScript 实现跳转功能。以下是一个简单的实现示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
</head>
<body>
<h1>Login</h1>
<form>
<label>Username:</label>
<input type="text" name="username"><br>
<label>Password:</label>
<input type="password" name="password"><br>
<button type="submit" onclick="login()">Login</button>
</form>
<script>
function login() {
// 这里可以添加验证用户名和密码的逻辑
// 如果验证通过,则跳转到指定页面
window.location.href = "welcome.html";
}
</script>
</body>
</html>
```
在这个示例中,我们使用了一个名为 `login()` 的 JavaScript 函数来处理登录操作。当用户点击登录按钮时,会触发 `login()` 函数。在这个函数中,可以添加验证用户名和密码的逻辑。如果验证通过,则可以使用 `window.location.href` 属性来跳转到指定页面,例如这里的 `welcome.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)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)