摘要：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="layui/css/layui.css">
</head>
<body>
<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="name" placeholder="姓名" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">职业</label>
<div class="layui-input-inline">
<select name="career" lay-filter="daibiaozuo">
<option value=""></option>
<option value="0">演员</option>
<option value="1">歌手</option>
<option value="2">作家</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">代表作</label>
<div class="layui-input-inline">
<input type="checkbox" name="" title="霸王别姬" lay-skin="primary">
<input type="checkbox" name="" title="光辉岁月" lay-skin="primary">
<input type="checkbox" name="" title="全民公敌" lay-skin="primary">
<input type="checkbox" name="" title="当幸福来敲门" lay-skin="primary">
<input type="checkbox" name="" title="风继续吹" lay-skin="primary">
<input type="checkbox" name="" title="阿甘正传" lay-skin="primary">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">禁用</label>
<div class="layui-input-inline">
<input type="checkbox" name="close" lay-skin="switch" lay-text="ON|OFF">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit="" lay-filter="demo1">保存</button>
</div>
</div>
</form>
<script src="layui/layui.js"></script>
<script>
//必须有，否则表单元素出不来
layui.use('form', function(){
var form = layui.form;
});
</script>
</body>
</html>
批改老师：天蓬老师批改时间：2019-02-14 17:25:34
老师总结：layui的弹层,是他的优势 , 很多人就是从layer开始接触到layui的
