HTML代码。
<!DOCTYPE html>
<html>
<head>
<title>登录注册界面</title>
<style>
body {
font-family: Arial, sans-serif;
}
.container {
width: 300px;
margin: 0 auto;
}
h2 {
text-align: center;
}
.form-group {
margin-bottom: 10px;
}
.form-group label {
display: block;
margin-bottom: 5px;
}
.form-group input {
width: 100%;
padding: 10px;
font-size: 16px;
}
button {
width: 100%;
padding: 10px;
font-size: 16px;
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
}
</style>
</head>
<body>
<div class="container">
<h2>登录</h2>
<form action="/login" method="post"> <!-- 这里假设有一个处理登录请求的URL -->
<div class="form-group">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
</div>
<div class="form-group">
<label for="password">密码:</label> <!-- 注意：在实际应用中，密码不应该明文显示 -->
<input type="password" id="password" name="password" required> <!-- 密码输入框使用type="password" --> 隐藏输入内容 --> 隐藏输入内容 --> 隐藏输入内容 --> 隐藏输入内容 --> 密码输入框使用type="password" -->隐藏输入内容 --> 密码输入框使用type="password" -->隐藏输入内容 --> 密码输入框使用type="password" -->隐藏输入内容 --> 密码输入框使用type="password"，隐藏输入内容 --> 密码输入框使用type="password"，隐藏输入内容 --> 密码输入框使用type="password"，隐藏输入内容 --> 密码输入框使用type="password"，以确保安全性 --> 密码输入框使用type="password"，以确保安全性 --> 密码输入框使用type="password"，以确保安全性 --> 密码输入框使用type="password"，以确保安全性，密码应该被安全地存储和加密。 --> 密码应该被安全地存储和加密。 --> 密码应该被安全地存储和加密。 --> 密码应该被安全地存储和加密，提交按钮提交表单数据到服务器进行验证。</button> <!-- 注意：在实际应用中，你需要添加后端代码来处理表单提交并验证用户身份。 -->提交按钮提交表单数据到服务器进行验证。</button></form> <!-- 注意：在实际应用中，你需要添加后端代码来处理表单提交并验证用户身份。</button></form></div></body></html> ```
