要用HTML编写登录界面,可以使用以下代码:,这段代码创建了一个简单的登录界面,包括用户名和密码输入框以及登录按钮,你可以根据需要修改样式和功能。,
,<!DOCTYPE html> <html lang=”zh”> <head> <meta charset=”UTF8″> <meta name=”viewport” content=”width=devicewidth, initialscale=1.0″> <title>登录界面</title> <style> body { fontfamily: Arial, sansserif; backgroundcolor: #f0f0f0; } .container { width: 300px; padding: 16px; backgroundcolor: white; margin: 100px auto; border: 1px solid #ccc; borderradius: 4px; } input[type=text], input[type=password] { width: 100%; padding: 12px 20px; margin: 8px 0; display: inlineblock; border: 1px solid #ccc; boxsizing: borderbox; } button { backgroundcolor: #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”> <h2>登录</h2> <form> <label for=”uname”><b>用户名</b></label> <input type=”text” placeholder=”输入用户名” name=”uname” required> <label for=”psw”><b>密码</b></label> <input type=”password” placeholder=”输入密码” name=”psw” required> <button type=”submit”>登录</button> </form> </div> </body> </html>,
如何用html写登陆界面
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《如何用html写登陆界面》
文章链接:https://zhuji.vsping.com/436452.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
文章名称:《如何用html写登陆界面》
文章链接:https://zhuji.vsping.com/436452.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。