html
<meta charset="UTF-8">
<title>人人网注册页面</title>
<!-- 添加CSS样式 -->
<style>
body {
font-family: ’PingFang SC’, ’Microsoft YaHei’, ’WenQuanYi Micro Hei’, sans-serif;
}
.container {
max-width: 400px;
margin: 0 auto;
padding: 20px;
border: 1px solid #ccc;
}
label {
display: block;
}
input[type="text"], input[type="password"] {
width: 100%;
padding: 12px;
margin: 8px 0;
display: block;
}
button {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
}
</style>
<div class="container"> <!-- 注册表单容器 -->
<h2>人人网注册</h2> <!-- 注册标题 -->
<!-- 表单开始 -->
<form action="/register" method="post"> <!-- 表单提交地址和方式 -->
<!-- 输入用户名 -->
<label for="username">用户名:</label> <!-- 为输入框添加标签 -->
<input type="text" id="username" name="username" required> <!-- 输入框，设置必填项 -->
<!-- 输入密码 -->
<label for="password">密码:</label> <!-- 为输入框添加标签 -->
<input type="password" id="password" name="password" required> <!-- 密码输入框，设置必填项 -->
<!-- 注册按钮 -->
<button type="submit">注册</button> <!-- 注册按钮 -->
</form> <!-- 表单结束 -->
</div> <!-- 注册表单容器结束 -->
这只是一个非常基础的注册页面示例，在实际应用中，你可能需要添加更多的功能，例如表单验证、错误处理、提交到后端服务器等，为了安全起见，密码应该通过HTTPS进行传输，并且应该在服务器端进行哈希存储。
