admin目录下的弹出层

原创2019-01-30 19:27:20101
摘要:<!doctype html><html><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, user-scalable=no, in

<!doctype html>
<html>
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Document</title>
   <link rel="stylesheet" href="../static/plugins/layui/css/layui.css">
   <script type="text/javascript" src="../static/plugins/layui/layui.js"></script>
   <style>
       body{padding-top:12px;padding-bottom:20px;}
   </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="password" name="password" class="layui-input" />
       </div>
   </div>
   <!--爱好-->
   <div class="layui-form-item">
       <label class="layui-form-label">爱好</label>
       <div class="layui-input-inline">
           <input type="password" name="password" class="layui-input" />
       </div>
   </div>
   <!--代表作品-->
   <div class="layui-form-item">
       <label class="layui-form-label">代表作品</label>
       <div class="layui-input-inline">
           <input type="password" name="password" 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>
               <option value="2">广州</option>
               <option value="3">深圳</option>
               <option value="4">杭州</option>
               <option value="4">香港</option>
           </select>
       </div>
   </div>
   <!--单选框-->
   <div class="layui-form-item">
       <label class="layui-form-label">性别</label>
       <div class="layui-input-inline">
           <input type="radio" name="sex" value="男" title="男">
           <input type="radio" name="sex" value="女" title="女">
       </div>
   </div>
   <!--复选框-->
   <div class="layui-form-item">
       <label class="layui-form-label">状态</label>
       <div class="layui-input-inline">
           <!--lay-skin 样式-->
           <input type="checkbox" name="" title="禁用" lay-skin="primary">
       </div>
   </div>
   <!--按钮-->
   <button class="layui-btn" onclick="closeOpen()">保存</button>
</form>
</body>
<script>
   layui.use(['form'],function(){
       var form = layui.form;
   })
   


</script>
</html>

批改老师:灭绝师太批改时间:2019-01-31 09:23:08
老师总结:弹出层在后台模板中用的还是很多的,要多多练习奥

发布手记

热门词条