摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>layui中Login</title> <link rel="stylesheet" href="layui/c
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>layui中Login</title> <link rel="stylesheet" href="layui/css/layui.css"> </head> <body style="background-color:lightblue"> <div style="width: 410px;margin: 150px auto;padding:20px;background-color: #fff;"> <form> <p style="font-size:18px;border-bottom:1px solid #ccc;padding-bottom: 10px;margin-bottom: 20px;">后臺登錄系統(tǒng)</p> <div> <label>用戶名</label> <div> <input type="text" name="title" placeholder="請輸入用戶名"> </div> </div> <div> <label>密碼</label> <div> <input type="password" name="title" placeholder="請輸入密碼"> </div> </div> <div> <label>驗證碼</label> <div> <input type="text" name="title" placeholder="請輸入"> </div> <img src="images/yzm.jpg" alt=""> </div> <div> <div> <button lay-submit lay-filter="formDemo">立即提交</button> <button type="reset" class="layui-btn layui-btn-primary">重置</button> </div> </div> </form> </div> </body> <script src="layui/layui.js"></script> </html>
代碼執(zhí)行結果如下:
理解：
用框架制作效率比原聲的高很多
樣式也比自己設計的好看很多
批改老師：韋小寶批改時間：2019-03-09 13:30:39
老師總結：使用layui來搭建后端管理系統(tǒng)是特別方便的 使用layui就是特別適合用于按鈕輸入框比較多的頁面 就好比這個登錄頁