摘要:<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, in
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="../static/plugins/layui/css/layui.css">
<script type="text/javascript" src="../static/plugins/layui/layui.js"></script>
<style>
body{padding-top:12px;padding-bottom:20px;}
</style>
</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="password" name="password" class="layui-input" />
</div>
</div>
<!--爱好-->
<div class="layui-form-item">
<label class="layui-form-label">爱好</label>
<div class="layui-input-inline">
<input type="password" name="password" class="layui-input" />
</div>
</div>
<!--代表作品-->
<div class="layui-form-item">
<label class="layui-form-label">代表作品</label>
<div class="layui-input-inline">
<input type="password" name="password" class="layui-input" />
</div>
</div>
<!--城市-->
<div class="layui-form-item">
<label class="layui-form-label">城市</label>
<div class="layui-input-inline">
<select name="city" lay-verify="required">
<option value="">请选择当前城市</option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">广州</option>
<option value="3">深圳</option>
<option value="4">杭州</option>
<option value="4">香港</option>
</select>
</div>
</div>
<!--单选框-->
<div class="layui-form-item">
<label class="layui-form-label">性别</label>
<div class="layui-input-inline">
<input type="radio" name="sex" value="男" title="男">
<input type="radio" name="sex" value="女" title="女">
</div>
</div>
<!--复选框-->
<div class="layui-form-item">
<label class="layui-form-label">状态</label>
<div class="layui-input-inline">
<!--lay-skin 样式-->
<input type="checkbox" name="" title="禁用" lay-skin="primary">
</div>
</div>
<!--按钮-->
<button class="layui-btn" onclick="closeOpen()">保存</button>
</form>
</body>
<script>
layui.use(['form'],function(){
var form = layui.form;
})
</script>
</html>
批改老师:灭绝师太批改时间:2019-01-31 09:23:08
老师总结:弹出层在后台模板中用的还是很多的,要多多练习奥