写一个黑白风格的登录页面, 登录表单有账号、密码、验证码、是否为管理员。
时间: 2023-01-16 13:14:46 浏览: 68
这是一个简单的黑白风格的登录页面的示例代码:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录页面</title>
<style>
/* 黑白主题 */
body {
background-color: black;
color: white;
}
/* 表单样式 */
form {
width: 300px;
margin: 0 auto;
text-align: center;
}
input {
display: block;
margin: 10px auto;
width: 60%;
height: 30px;
border: none;
border-radius: 5px;
background-color: #333333;
color: white;
padding: 0 10px;
}
input[type="submit"] {
background-color: #cccccc;
color: black;
}
/* 错误信息 */
.error {
color: red;
}
</style>
</head>
<body>
<form action="/login" method="post">
<h1>登录</h1>
<!-- 账号输入框 -->
<input type="text" name="username" placeholder="账号">
<!-- 密码输入框 -->
<input type="password" name="password" placeholder="密码">
<!-- 验证码输入框 -->
<input type="text" name="captcha" placeholder="验证码">
<!-- 验证码图片 -->
<img src="/captcha" alt="验证码">
<!-- 是否为管理员选择框 -->
<label>
<input type="checkbox" name="is_admin"> 是否为管理员
</label>
<!-- 提交按钮 -->
<input type="submit" value="登录">
<!-- 错误信息显示区域 -->
<div class="error"></div>
</form>
</body>
</html>
```
这个页面包含了一个表单,表单中包含了账号输入框、密码输入框、验证码输入框和是否为管理员选择框。当用户输入