首页用php写一个美观的登陆界面

用php写一个美观的登陆界面

时间: 2023-06-15 07:04:59 浏览: 124

好的，以下是一个简单的美观的登陆界面的 PHP 代码： ```php <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录</title> <style> body { background-color: #f1f1f1; font-family: Arial, sans-serif; } form { background-color: #fff; border: 1px solid #ccc; padding: 20px; max-width: 400px; margin: 50px auto; box-shadow: 0 0 10px rgba(0,0,0,0.1); } label, input[type="text"], input[type="password"], button { display: block; width: 100%; margin-bottom: 10px; font-size: 16px; } label { font-weight: bold; margin-bottom: 5px; } input[type="text"], input[type="password"] { padding: 10px; border: 1px solid #ccc; border-radius: 5px; } button { background-color: #4CAF50; color: #fff; padding: 10px; border: none; border-radius: 5px; cursor: pointer; } button:hover { background-color: #3e8e41; } </style> </head> <body> <form> <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> </body> </html> ``` 这段代码会生成一个简单的登录表单，包括用户名和密码的输入框，以及一个登录按钮。CSS 样式使得表单看起来更加美观，并且在用户输入不完整时会提示错误信息。

阅读全文