摘要：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><link rel="stylesheet" href="static/layui/css/layui.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="static/layui/css/layui.css">
<script src="static/layui/layui.js"></script>
<style>
.container {
width: 400px;
border: 1px solid #ccc;
margin: 20px auto 0px;
padding: 20px;
}
</style>
</head>
<body>
<div class="container">
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">用戶名</label>
<div class="layui-input-inline">
<input type="text" name="username" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">真實(shí)姓名</label>
<div class="layui-input-inline">
<input type="text" name="username" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">角色</label>
<div class="layui-input-inline">
<input type="text" name="username" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">狀態(tài)</label>
<div class="layui-input-inline">
<select name="status" lay-verify="required">
<option value=""></option>
<option value="0">正常</option>
<option value="1">禁用</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">狀態(tài)</label>
<div class="layui-input-block">
<input type="checkbox" name="" title="禁用" lay-skin="primary">
</div>
</div>
<button class="layui-btn">保存</button>
</form>
</div>
<script>
//Demo
layui.use('form', function(){
var form = layui.form;
});
</script>
</body>
</html>
批改老師：西門(mén)大官人批改時(shí)間：2019-04-08 09:25:16
老師總結(jié)：layui的彈出層使用的是layui.open方法，通過(guò)傳入不同的參數(shù)，可以實(shí)現(xiàn)彈出各種不同樣式的窗體