用html编写一个简单的登录、注册以及找回密码的页面
时间: 2023-05-19 18:07:01 浏览: 354
好的,以下是一个简单的登录、注册以及找回密码的页面的 HTML 代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Login/Register/Reset Password</title>
</head>
<body>
<h1>Login</h1>
<form>
<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>
<label for="new-username">New Username:</label>
<input type="text" id="new-username" name="new-username"><br><br>
<label for="new-password">New Password:</label>
<input type="password" id="new-password" name="new-password"><br><br>
<label for="confirm-password">Confirm Password:</label>
<input type="password" id="confirm-password" name="confirm-password"><br><br>
<input type="submit" value="Register">
</form>
<h1>Reset Password</h1>
<form>
<label for="reset-username">Username:</label>
<input type="text" id="reset-username" name="reset-username"><br><br>
<label for="reset-password">New Password:</label>
<input type="password" id="reset-password" name="reset-password"><br><br>
<label for="confirm-reset-password">Confirm Password:</label>
<input type="password" id="confirm-reset-password" name="confirm-reset-password"><br><br>
<input type="submit" value="Reset Password">
</form>
</body>
</html>
```
希望这个代码能够帮到你!
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_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)