摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录</title> <link rel="stylesheet" type="text/css"&n
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录</title> <link rel="stylesheet" type="text/css" href="layui/css/layui.css"> <script type="text/javascript" src="layui/layui.js"></script> </head> <body style="background: #1e9fff" > <div style="width: 500px;margin: 270px auto 0px;"> <div style="background: #fff; border-radius: 4px;box-shadow: 5px 5px 20px #444; padding: 20px;" > <form > <div style="color: gray"> <h2>后台管理系统</h2> </div> <hr> <div> <label>用户名</label> <div> <input type="text" placeholder="请输入标题" class="layui-input"> </div> </div> <div> <label>密码</label> <div> <input type="text" placeholder="请输入" class="layui-input"> </div> </div> <div> <label>验证码</label> <div> <input type="text" class="layui-input"> <!-- 验证码 --> </div> <!-- <img src="./life4.png" > -->验证码 </form> <div> <div> <button lay-submit lay-filter="formDemo">登陆</button> </div> </div> </div> </div> </body> </html>
都是已经写好的，调用即可，要注意div的嵌套
批改老师：灭绝师太批改时间：2018-11-23 09:04:39
老师总结：是的，能够快速搭建功能页面，简洁方便！基本没有难度
