サマリー:<!DOCTYPE html> <html> <head> <title>layui后臺(tái)登錄</title> <link rel="stylesheet" type="text/css" href="static/layui/css/lay
<!DOCTYPE html> <html> <head> <title>layui后臺(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:#1E9FFF"> <div style="width: 500px;margin:300px auto 0px;"> <div style="background-color: #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>后臺(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" name="title" 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" 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="title" class="layui-input"> </div> <p style="font-size: 29px;">驗(yàn)證碼</p> </div> <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>
需要的功能都是對(duì)應(yīng)的單詞,記住部分功能的單子,就可以準(zhǔn)確的在layui官方文檔找到需要的功能;
添削の先生:查無(wú)此人添削時(shí)間:2019-05-15 14:01:21
先生のまとめ:完成的不錯(cuò)。layui框架很不錯(cuò),看看文檔。繼續(xù)加油。