精美的html登录页面和注册页面
时间: 2023-08-08 16:09:35 浏览: 51
很高兴为您提供帮助!以下是一个简单的登录页面和注册页面的HTML代码,您可以根据自己的需求进行修改和美化。
登录页面:
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录</title>
</head>
<body>
<h1>用户登录</h1>
<form action="login.php" method="POST">
<p>
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
</p>
<p>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required>
</p>
<p>
<input type="submit" value="登录">
</p>
</form>
</body>
</html>
```
注册页面:
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>注册</title>
</head>
<body>
<h1>用户注册</h1>
<form action="register.php" method="POST">
<p>
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
</p>
<p>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required>
</p>
<p>
<label for="confirm_password">确认密码:</label>
<input type="password" id="confirm_password" name="confirm_password" required>
</p>
<p>
<label for="email">电子邮件:</label>
<input type="email" id="email" name="email" required>
</p>
<p>
<input type="submit" value="注册">
</p>
</form>
</body>
</html>
```
希望这些代码能够对您有所帮助!
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.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)