首页hbuilder登录页面代码

hbuilder登录页面代码

时间: 2023-08-16 16:10:15 浏览: 70

以下是一个简单的HBuilder登录页面代码示例： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Login</title> <style type="text/css"> body { background-color: #f0f0f0; } form { background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); width: 300px; margin: 100px auto; } label { display: block; margin-bottom: 10px; } input[type="text"], input[type="password"] { padding: 5px; border-radius: 5px; border: 1px solid #ccc; width: 100%; box-sizing: border-box; } input[type="submit"] { background-color: #2ecc71; color: #fff; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; margin-top: 10px; } input[type="submit"]:hover { background-color: #27ae60; } </style> </head> <body> <form> <h2>Login</h2> <label>Username:</label> <input type="text" name="username"> <label>Password:</label> <input type="password" name="password"> <input type="submit" value="Login"> </form> </body> </html> ``` 该示例将生成一个具有基本样式和输入字段的登录表单。您可以通过在HBuilder中创建一个新的HTML文件并将代码复制粘贴到其中来使用此示例。

阅读全文