首页html登录注册页面代码

html登录注册页面代码

时间: 2023-08-10 07:07:17 浏览: 35

以下是一个简单的HTML登录注册页面代码示例： ```html <!DOCTYPE html> <html> <head> <title>登录注册页面</title> <meta charset="utf-8"> <style type="text/css"> form { margin: 50px auto; padding: 20px; border: 1px solid #ccc; width: 300px; text-align: center; } input[type=text], input[type=password] { padding: 10px; margin: 10px 0; display: block; width: 100%; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; } input[type=submit] { padding: 10px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer; } </style> </head> <body> <h1>欢迎来到登录注册页面</h1> <form action="" method="post"> <h2>登录</h2> <label for="login-username">用户名:</label> <input type="text" id="login-username" name="login-username" required> <label for="login-password">密码:</label> <input type="password" id="login-password" name="login-password" required> <input type="submit" value="登录"> </form> <form action="" method="post"> <h2>注册</h2> <label for="register-username">用户名:</label> <input type="text" id="register-username" name="register-username" required> <label for="register-password">密码:</label> <input type="password" id="register-password" name="register-password" required> <input type="submit" value="注册"> </form> </body> </html> ``` 请注意，这只是一个简单的示例，实际的登录注册页面可能会更加复杂，具体取决于您的需求。此外，此示例中的表单动作为空，您需要将其替换为实际的后端处理程序。