弹出表单操作
七友2019-03-22 16:42:15290<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="static/plugins/layui/css/layui.css">
<script type="text/javascript" src="static/plugins/layui/layui.js"></script>
<style type="text/css">
.layui-form{margin-top: 20px;}
.layui-btn{margin-left: 150px;}
</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="text" name="text" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">性别</label>
<input type="radio" name="sex" value="nan" title="男">
<input type="radio" name="sex" value="nv" title="女" checked>
</div>
<div class="layui-form-item">
<label class="layui-form-label">显示名称</label>
<input type="checkbox" name="zzz" lay-skin="switch" lay-text="开启|关闭">
</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">小组1</option>
<option value="1">小组2</option>
<option value="2">小组3</option>
<option value="3">小组4</option>
<option value="4">小组5</option>
<option value="5">小组6</option>
<option value="6">小组7</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">状态</label>
<div class="layui-input-block">
<input type="checkbox" name="checkbox" title="禁用" lay-skin="primary">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">更多说明</label>
<textarea name="" required lay-verify="required" placeholder="请输入" class="layui-textarea"></textarea>
</div>
<button class="layui-btn">保存</button>
</form>
<script>
//Demo
layui.use('form', function(){
var form = layui.form;
});
</script>
</body>
</html>