html登录界面包括用户名,密码,自动登录,忘记密码,立即注册,几个部分 输入正确的账号和密码跳转其他html
时间: 2024-03-20 12:42:47 浏览: 17
好的,针对你的问题,我可以为你提供一个简单的 HTML 登录界面示例,代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<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="checkbox" id="remember" name="remember">
<label for="remember">Remember me</label><br><br>
<a href="#">Forgot password?</a><br><br>
<input type="submit" value="Login">
<a href="#">Register now</a>
</form>
</body>
</html>
```
这个登录界面包括用户名输入框和密码输入框,还有一个自动登录的复选框,一个忘记密码的链接和一个立即注册的链接。当用户名和密码输入正确,点击登录按钮后会跳转到 `welcome.html` 页面。
希望这个示例能对你有所帮助。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![apk](https://img-home.csdnimg.cn/images/20210720083646.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)
![](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)