后台登陆页面-layui制作
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>后台登陆</title> <link rel="stylesheet" type="text/css" href="https://heerey525.github.io/layui-v2.4.3/layui-v2.4.5/css/layui.css"> <script type="text/javascript" src="https://heerey525.github.io/layui-v2.4.3/layui-v2.4.5/layui.js"></script> </head> <body style="background: #0ACBED;"> <div style="width: 500px;background: #fff;margin: 220px auto 0;padding: 20px;"> <div><h2>用户登陆</h2></div> <hr> <form action=""> <div> <label>用户名</label> <div> <input type="text" name="title" required lay-verify="required" placeholder="请输入用户名" autocomplete="off"> </div> </div> <div> <label>密 码</label> <div> <input type="password" name="title" required lay-verify="required" placeholder="请输入密码" autocomplete="off"> </div> </div> <div> <label>验证码</label> <div> <input type="text" name="password" required lay-verify="required" autocomplete="off"> </div> </div> <div> <div> <button lay-submit lay-filter="formDemo">登陆</button> <button type="reset" class="layui-btn layui-btn-primary">重置</button> </div> </div> </form> </body> </html>
后台的登陆页面,使用layui搭建,说真的,速度确实是挺快的,让人用了后不想再自己去一行一行的敲了,有毒