摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> &
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>添加</title>
<link rel="stylesheet" type="text/css" href="static/layui/css/layui.css">
<script type="text/javascript" src="static/layui/layui.js"></script>
<style type="text/css">
.main{height:300px;width: 400px;margin:20px auto;}
.main button{margin-left: 150px;} */
</style>
</head>
<body>
<div>
<form action="">
<div>
<label>用户名</label>
<div>
<input type="text">
</div>
</div>
<div>
<label>真实姓名</label>
<div>
<input type="text">
</div>
</div>
<div>
<label>角色</label>
<div>
<select name="city" lay-verify="required">
<option value=""></option>
<option value="0">系统管理员</option>
<option value="1">普通管理员</option>
</select>
</div>
</div>
<div>
<label>状态</label>
<div>
<input type="checkbox" name="" title="禁用" lay-skin="primary">
</div>
</div>
<button>保存</button>
</form>
</div>
<script>
layui.use('form', function(){
var form = layui.form;
});
</script>
</body>
</html>
批改老师:韦小宝批改时间:2018-12-28 09:25:45
老师总结:layui中的弹出层有很多种,运用也比较灵活,课后可以多研究研究!