abstract：<body style="background: #2D83E7;"> <div style="width: 500px;margin:200px auto 0px;background: #fff;border-radius: 4px;box-shadow:
<body style="background: #2D83E7;">
<div style="width: 500px;margin:200px auto 0px;background: #fff;border-radius: 4px;box-shadow: 5px 5px 20px #333;padding: 20px;">
<form class="layui-form" action="">
<div class="layui-form-item">
<h2>管理員登錄</h2>
</div>
<hr>
<div class="layui-form-item">
<label class="layui-form-label">用戶名</label>
<div class="layui-input-block">
<input type="text" name="username" required lay-verify="required" placeholder="請輸入用戶名" 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="password" required lay-verify="required" placeholder="請輸入密碼" 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="code" required lay-verify="required" placeholder="請輸入驗(yàn)證碼" class="layui-input">
</div>
</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>
<script type="text/javascript">
layui.use('form', function(){
var form = layui.form;
//監(jiān)聽提交
form.on('submit(formDemo)', function(data){
layer.msg(JSON.stringify(data.field));
return false;
});
});
</script>
</body>
Correcting teacher：韋小寶Correction time：2018-11-28 14:04:53
Teacher's summary：不錯不錯！使用layui來完成前端頁面還是很快捷的！課后多多練習(xí)才能更熟練！