首页你可以帮我写一个登陆页面嘛

你可以帮我写一个登陆页面嘛

时间: 2023-10-22 08:08:10 浏览: 158

一个登陆页面

就是自己仿照学长学姐开发的一个小界面。主要还是一个登陆页面，还没有链接数据库。

当然可以，以下是一个简单的登陆页面： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登陆页面</title> <style> body { font-family: Arial, sans-serif; background-color: #f1f1f1; } form { background-color: #fff; border-radius: 5px; padding: 20px; width: 400px; margin: 0 auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } input[type=text], input[type=password] { width: 100%; padding: 10px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } button { background-color: #4CAF50; color: #fff; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; float: right; } button:hover { background-color: #45a049; } .container { padding: 16px; } span.psw { float: right; padding-top: 16px; } </style> </head> <body> <form> <h2>登陆</h2> <div class="container"> <label for="uname"><b>用户名</b></label> <input type="text" placeholder="请输入用户名" name="uname" required> <label for="psw"><b>密码</b></label> <input type="password" placeholder="请输入密码" name="psw" required> <button type="submit">登陆</button> <label> <input type="checkbox" checked="checked" name="remember">记住我 </label> </div> <div class="container" style="background-color:#f1f1f1"> <button type="button" class="cancelbtn">取消</button> <span class="psw">忘记<a href="#">密码?</a></span> </div> </form> </body> </html> ``` 你可以将上述代码复制到一个HTML文件中，然后用浏览器打开，就可以看到一个简单的登陆页面了。需要注意的是，这只是一个简单的样式，具体的功能需要后端的支持。

阅读全文