前端登录页面
时间: 2023-08-06 11:14:09 浏览: 46
前端登录页面通常包含以下组件:
1. 表单:包含用户名和密码输入框以及登录按钮。
2. 标题:通常为“登录”或者“欢迎登录”等。
3. Logo:公司或者网站的标志。
4. 链接:忘记密码、注册等相关链接。
以下是一个简单的前端登录页面示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div>
<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>
<div>
<a href="#">Forgot password?</a>
<a href="#">Register</a>
</div>
</div>
</body>
</html>
```
这里使用了 HTML 和基本的 CSS 样式,你可以根据自己的需要进行修改和美化。