<!DOCTYPE html> <html> <head> <title>登录界面</title> <meta charset="utf-8" /> <title></title> </head> <style> input[type="text"], input[type="password"] { display: block; width: 5%; padding: 10px; margin-bottom: 20px; border-radius: 5px; border: 1px solid #ccc; font-size: 1.2em; } body{ background: url(image/java.jpg) top left; width: 10240px; height: 5120px; background-attachment: fixed; background-repeat: no-repeat; background-size: 100%; } 00 input[type="submit"] { background-color: Transparent; color: #abc1ee; padding: 10px 20px; border-radius: 5px; border: none; font-size: 1.2em; cursor: pointer; } a { text-decoration-line: none; color: #abc1ee; } </style> <body> <div id="div-title"> <h3>Welcome to Login</h3> </div> <div class="container"> <div class="header">Login</div> <div class="form-wrapper"> <input type="text" name="username" placeholder="username" > <input type="password" name="password" placeholder="password" > <input type="submit" value="Login"> </div> <div class="msg"> Don't have account? <a href="#">Sign up</a> </div> </div> </body> </html>
时间: 2024-02-16 10:27:54 浏览: 58
<meta>元素-html基础教程
这是一个 HTML 页面的代码,它展示了一个简单的登录界面。页面中包含了一个标题、一个背景图片以及一个包含用户名、密码和登录按钮的表单。当用户点击登录按钮时,页面将会提交表单数据进行验证。如果验证成功,则用户将被重定向到另一个页面,否则将会显示错误消息。同时,页面还提供了一个链接,允许用户注册新账户。
阅读全文