摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>添加页面</title>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>添加页面</title>
<link rel="stylesheet" type="text/css" href="static/layui/css/layui.css">
<script type="text/javascript" src="static/layui/layui.js"></script>
</head>
<body>
<form class="layui-form" action="" style="margin-left: 80px;">
<div class="layui-form-item">
<label class="layui-form-label">用户名</label>
<div class="layui-input-inline">
<input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">性别</label>
<div class="layui-input-block">
<input type="radio" name="sex" value="男" title="男">
<input type="radio" name="sex" value="女" title="女" checked>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">城市</label>
<div class="layui-input-inline">
<input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" 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>
</select>
</div>
</div>
<div class="layui-form-item" style="margin-left: 10px;">
<label class="layui-form-label">标签区域</label>
<div class="layui-input-block">
<input type="checkbox" name="" title="启用" lay-skin="primary" checked>
<input type="checkbox" name="" title="禁用" lay-skin="primary">
</div>
</div>
<button class="layui-btn" style="margin-left: 140px;">确定</button>
</form>
<script>
//Demo
layui.use('form', function(){
var form = layui.form;
});
</script>
</body>
</html>总结:学会了使用layui的弹出表单操作,关于layui的许多模块,需要自己去学习使用。每天都在学到新知识,感觉到很充实。
批改老师:查无此人批改时间:2018-11-15 10:49:41
老师总结:很不错,后台管理需要的功能,看来你掌握了,加油。