abstract：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>添加</title><link rel="stylesheet" type="text/css" href="../static/plugi
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>添加</title>
<link rel="stylesheet" type="text/css" href="../static/plugins/layui/css/layui.css">
<script type="text/javascript" src="../static/plugins/layui/layui.js"></script>
</head>
<body>
<form action="">
<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>
<select name="city" lay-verify="required">
<option value=""></option>
<option value="0">上海</option>
<option value="1">广州</option>
<option value="0">北京</option>
<option value="1">南京</option>
</select>
</div>
</div>
<div>
<label>职业</label>
<div>
<input type="text" autocomplete="off">
</div>
</div>
<div>
<label>禁用</label>
<div>
<input type="checkbox" name="switch" lay-skin="switch">
</div>
</div>
<div>
<div>
<button lay-submit lay-filter="formDemo">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
</body>
<script>
//Demo
layui.use('form', function(){
var form = layui.form;
});
</script>
</html>
Correcting teacher：天蓬老师Correction time：2019-04-11 11:27:54
Teacher's summary：layui的表单组件, 是一个亮点, 特别是与后台结合的特别好