abstrak：<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">用戶(hù)名</label>
<div class="layui-input-block">
<input type="text" name="username" required lay-verify="required" placeholder="請(qǐng)輸入用戶(hù)名" 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="請(qǐng)輸入密碼" 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="請(qǐng)輸入驗(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)聽(tīng)提交
form.on('submit(formDemo)', function(data){
layer.msg(JSON.stringify(data.field));
return false;
});
});
</script>
</body>
Guru membetulkan：韋小寶Masa pembetulan：2018-11-28 14:04:53
Rumusan guru：不錯(cuò)不錯(cuò)！使用layui來(lái)完成前端頁(yè)面還是很快捷的！課后多多練習(xí)才能更熟練！