abstract：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>layui登陆框</title> <!-- 引入layui文件 --> <link rel="stylesheet" type="text/css" href="css/lib/layui/layui.css"> <script type="text/javascript" src="js/lib/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="text" 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" class="layui-input"> </div> <img src="../yz.png"> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="formDemo">登录</button> </div> </div> </form> </div> </div> </body> </html>
Correcting teacher：韦小宝Correction time：2019-01-21 08:58:33
Teacher's summary：写的很不错 使用layui来搭建页面上不仅仅速度快，而且样式还简洁美观