弹出表单操作

原创 2018-11-24 14:08:03 338
摘要:<!DOCTYPE html> <html> <head>  <title></title>  <meta charset="utf-8">  <link rel="stylesheet" type="
<!DOCTYPE html>
<html>
<head>
 <title></title>
 <meta charset="utf-8">
 <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">
  .layui-form{margin-top: 30px;}
  .layui-btn{margin-left: 110px;}
 </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>
                       </select>
              </div>
        </div>
        <div class="layui-form-item">
             <label class="layui-form-label">状态</label>
             <div class="layui-input-block">
                 <input type="checkbox" name="" title="禁用" lay-skin="primary">
             </div>
        </div>
        <button class="layui-btn">保存</button>
    </form>
</body>
<script>
//Demo
layui.use('form', function(){
  var form = layui.form;
});
</script>
</html>

F_[ZKANEIX67T$)V8~O4D4V.png

批改老师:韦小宝批改时间:2018-11-24 15:16:48
老师总结:嗯!写的很不错哦!下次记得给每次的课程做个总结!课后还要记得多多练习!

发布手记

热门词条