abstrakt：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>后臺(tái)登錄</title>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>后臺(tái)登錄</title> <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: yellow"> <div style="width: 500px;margin: 270px auto 0px"> <div style="background: #fff;border-radius: 4px;box-shadow:5px 5px 20px #444;padding: 20px;"> <form class="layui-form" action="" method=""> <div class="layui-form-item" style="color: gray"> <h2>后臺(tái)登錄</h2> <hr> </div> <div class="layui-form-item"> <label class="layui-form-label">用戶名</label> <div class="layui-input-block"> <input type="text" name="title" placeholder="請(qǐng)輸入標(biāo)題" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">密碼</label> <div class="layui-input-block"> <input type="text" name="title" placeholder="請(qǐng)輸入標(biāo)題" 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" name="text" placeholder="" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">驗(yàn)證碼</div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" >登錄</button> </div> </div> </form> </div> </div> </body> </html>
效果圖：
總結(jié)：layui很方便，可以直接拿來(lái)就用。
Korrigierender Lehrer：查無(wú)此人Korrekturzeit：2019-03-23 15:15:35
Zusammenfassung des Lehrers：說(shuō)的對(duì)，框架就是讓我們快速搭建項(xiàng)目。繼續(xù)加油