登录页面和个人信息页面html
时间: 2024-06-16 20:02:33 浏览: 18
登录页面和个人信息页面是网站或应用程序中常见的两种界面。下面是关于它们的基本HTML结构和元素介绍:
1. 登录页面HTML:
登录页面通常包含以下元素:
- `<form>`: 提供用户输入用户名(`<input type="text" name="username">`)和密码(`<input type="password" name="password">`)的表单。
- `<button>`: 提交按钮,比如 "登录" 或 "注册"。
- 可选的:错误提示(如`<p>`标签),验证码输入区(`<input type="text">` 或 `<img src="">` 更换验证码图片)。
- 可能还有 `<a>` 标签用于忘记密码或注册新账户的链接。
```html
<!DOCTYPE html>
<html>
<head>
<title>登录页面</title>
</head>
<body>
<h2>Login</h2>
<form action="/login" method="POST">
<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>
<button type="submit">登录</button>
</form>
<p id="error-message" class="hidden"></p>
</body>
</html>
```
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![html](https://img-home.csdnimg.cn/images/20210720083451.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)