摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登录</title> <link rel="stylesheet" type="text/css"
<!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 #4444;padding: 20px;"> <form class="layui-form"> <div class="layui-form-item" style="color: gray;"> <h2>后台管理系统</h2> </div> <hr> <div class="layui-form-item"> <label class="layui-form-label">用户名</label> <div class="layui-input-block"> <input type="text" placeholder="请输入用户名" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">密码</label> <div class="layui-input-block"> <input type="password" placeholder="请输入密码" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">验证码</label> <div class="layui-input-inline"> <input type="text" placeholder="请输入验证码" class="layui-input"> </div> <img src="../yz.png"> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="formDemo">登录</button> <button type="reset" class="layui-btn layui-btn-primary">注册</button> </div> </div> </form> </div> </div> </body> </html>
layui的模块化UI框架，对于小白前端开发，非常的友好，依靠这个框架，可以快速的搭建好自己想要的页面
批改老师：查无此人批改时间：2018-11-25 09:49:36
老师总结：话虽如此，但基础也不要忘记，要不然离开框架，就不会写了。加油
