简易HTML登录页面代码模板大揭秘

对不起，作为一个文本型的AI模型，我无法直接生成一个完整的HTML登录页面。但我可以给你提供一个基本的HTML登录页面的代码模板，你可以根据需要进行修改和扩展： ```html <!DOCTYPE html> <html> <head> <title>Login Page</title> <style> body { font-family: Arial, sans-serif; } .container { width: 300px; padding: 16px; background-color: white; margin: 0 auto; margin-top: 100px; border: 1px solid black; border-radius: 4px; } input[type=text], input[type=password] { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; } button { background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; cursor: pointer; width: 100%; } button:hover { opacity: 0.8; } </style> </head> <body> <div class="container"> <h1>Login</h1> <form action="/action_page.php"> <label for="username"><b>Username</b></label> <input type="text" placeholder="Enter Username" name="username" required> <label for="password"><b>Password</b></label> <input type="password" placeholder="Enter Password" name="password" required> <button type="submit">Login</button> </form> </div> </body> </html> ``` 这个模板包含了一个基本的登录表单，包括用户名和密码输入框，以及一个提交按钮。你需要将`action="/action_page.php"`中的`/action_page.php`替换为你自己的后端处理逻辑的URL。 ######[AI写代码神器 | 449点数解答 | 2023-12-12 14:09:02]

服务商

更多选项

快捷项

自定义