弹出表单操作

原创 2018-12-27 19:14:55 195
摘要:<!DOCTYPE html> <html> <head>          <meta charset="utf-8">         &
<!DOCTYPE html>
<html>
<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>
         <style type="text/css">
                  .main{height:300px;width: 400px;margin:20px auto;}
                  .main button{margin-left: 150px;} */
         </style>
</head>
<body>
         <div>
         <form action="">
                  <div>
                      <label>用户名</label>
                      <div>
                        <input type="text">
                      </div>
                  </div>
                  <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>
                        <input type="checkbox" name="" title="禁用" lay-skin="primary">
                      </div>
                  </div>
                  <button>保存</button>
         </form>
         </div>
         <script>
                  layui.use('form', function(){
                    var form = layui.form;
                  });
         </script>
</body>
</html>

后台4.png

批改老师:韦小宝批改时间:2018-12-28 09:25:45
老师总结:layui中的弹出层有很多种,运用也比较灵活,课后可以多研究研究!

发布手记

热门词条