下面是一个简单的登录页面的HTML代码示例。此代码包含了基本的登录表单元素,如用户名和密码输入框,以及一个提交按钮。请注意,这只是一个基本的示例,实际的登录页面可能需要包含更多的元素和功能,例如验证、错误处理等。
```html
body {
font-family: Arial, sans-serif;
}
.container {
width: 300px;
margin: 0 auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
.container input {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border-radius: 5px;
}
.container button {
width: 100%;
padding: 10px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
登录
```
这是一个非常基础的登录页面设计,并没有包含任何的JavaScript代码来进行表单验证或者其他的功能。在实际的应用中,你可能需要添加更多的代码来确保用户输入的数据是有效的,并且可能需要将用户重定向到其他的页面等。如果你希望这个页面能够和数据库交互的话,你还需要编写后端代码来处理用户的登录请求。