摘要：<!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>職業(yè)</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>
批改老師：天蓬老師批改時(shí)間：2019-04-11 11:27:54
老師總結(jié)：layui的表單組件, 是一個(gè)亮點(diǎn), 特別是與后臺(tái)結(jié)合的特別好