用html给我写一个用户登陆注册的页面
时间: 2023-03-04 14:53:23 浏览: 94
好的,下面是一个简单的 HTML 登录注册页面的代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>Login/Register</title>
</head>
<body>
<!-- 登录表单 -->
<h2>Login</h2>
<form>
<label for="username">Username:</label>
<input type="text" id="username" name="username" required>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required>
<input type="submit" value="Login">
</form>
<!-- 注册表单 -->
<h2>Register</h2>
<form>
<label for="new_username">Username:</label>
<input type="text" id="new_username" name="new_username" required>
<label for="new_password">Password:</label>
<input type="password" id="new_password" name="new_password" required>
<label for="confirm_password">Confirm Password:</label>
<input type="password" id="confirm_password" name="confirm_password" required>
<input type="submit" value="Register">
</form>
</body>
</html>
```
在此示例中,我们创建了两个表单,一个用于登录,一个用于注册。每个表单都有一个标签,列出了需要填写的字段,并且使用 `required` 属性确保必填字段不为空。
请注意,这只是一个简单的示例,实际应用中需要进行更多的验证和安全性保护措施。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.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_lunwen.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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)