abstrak：<!DOCTYPE html> <html> <head> <title>登錄</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css"
<!DOCTYPE html> <html> <head> <title>登錄</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="static/layui/css/layui.css"> <script type="text/javascript" src="static/layui//layui.js"></script> </head> <body style="background:#1e9fff;"> <div style="width:500px;margin:300px auto 0px"> <div style="background:#fff;border-radius:5px;box-shadow:5px 5px 20px #4444;padding:20px;"> <form class="layui-form"> <div class="layui-form-item" style="color:gray"> <h2>后臺(tái)管理系統(tǒng)</h2> </div> <hr> <div class="layui-form-item"> <label class="layui-form-label">用戶名</label> <div class="layui-input-block"> <input type="text" placeholder="請(qǐng)輸入用戶名" 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="請(qǐng)輸入密碼" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">驗(yàn)證碼</label> <div class="layui-input-inline"> <input type="text" class="layui-input"> </div> <img src="static/images/555.jpg" style="height:38px;"> </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>
Guru membetulkan：天蓬老師Masa pembetulan：2019-06-03 10:53:18
Rumusan guru：使用layUI內(nèi)置的表單樣式, 可以快速實(shí)現(xiàn)非常專業(yè)的效果, 極大的簡化了前端頁面的編寫工作量