abstrak：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" h
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="layui/css/layui.css"> <script src="layui/layui.js"></script> <title>后臺(tái)ui登錄界面</title> </head> <body style="background:skyblue;"> <div style="width:400px; margin:300px auto 0px;"><!--不給高度，讓內(nèi)容撐開，嵌套div這樣使用layui時(shí)更穩(wěn)定--> <div style="background:#fff; border-radius: 4px; box-shadow: 5px 5px 20px #cccc;width:400px; 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="password" 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> <div class="layui-form-mid layui-word-aux">輔助文字</div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button> </div> </form> </div> </div> <!--總結(jié)： layui的class已經(jīng)內(nèi)置了，使用時(shí)找到對(duì)應(yīng)的代碼，復(fù)制粘貼即可， 注意的是的比如 表單必須依賴加載模塊：form （請(qǐng)注意：如果不加載form模塊，select、checkbox、radio等將無(wú)法顯示，并且無(wú)法使用form相關(guān)功能）； 比如輪播模塊加載名稱：carousel。 --> </body> </html>
Guru membetulkan：韋小寶Masa pembetulan：2019-03-11 17:33:16
Rumusan guru：使用layui來(lái)搭建后端管理系統(tǒng)是特別方便的 使用layui就是特別適合用于按鈕輸入框比較多的頁(yè)面 就好比這個(gè)登錄頁(yè)