サマリー：使用class="layui-form" 來標(biāo)識一個表單元素塊，通過規(guī)范好的HTML結(jié)構(gòu)、CSS類，以及內(nèi)置的form模塊來完成交互<!DOCTYPE html> <html> <head> <meta charset="utf-8"&n
使用class="layui-form" 來標(biāo)識一個表單元素塊，通過規(guī)范好的HTML結(jié)構(gòu)、CSS類，以及內(nèi)置的form模塊來完成交互
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Layui后臺管理系統(tǒng)</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" media="screen" href="../static/plugins/layui/css/layui.css" /> <script type="text/javascript" src="../static/plugins/layui/layui.js"></script> </head> <body style="background: #1e9fff"> <div style="width: 500px; margin: 270px auto 0;"> <div style="background: #fff; border-radius: 4px; box-shadow: 5px 5px 20px #444444; padding: 20px;"> <form class="layui-form"> <div class="layui-form-item" style="color: gray;"> <h2>后臺管理系統(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" required lay-verify="required" placeholder="請輸入用戶名" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">密碼</label> <div class="layui-input-block"> <input type="password" name="title" required lay-verify="required" placeholder="請輸入密碼" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">驗證碼</label> <div class="layui-input-inline"> <input type="text" class="layui-input"> </div> <img src="../yz.png"> </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>
添削の先生：滅絕師太添削時間：2019-01-07 17:21:38
先生のまとめ：layui比較容易上手，復(fù)制代碼或者給相應(yīng)的class，調(diào)用相應(yīng)模塊，主要是學(xué)會看文檔，加油喲！