摘要:<!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
老师总结:很不错,后台管理需要的功能,看来你掌握了,加油。