layui弹层使用

原创 2019-02-14 21:36:16 281
摘要:<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title>    <link rel="styleshee

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title></title>
   <link rel="stylesheet" type="text/css" href="layui/css/layui.css">
   <script src="layui/layui.js"></script>
</head>
<body>
<div style="margin: 0 auto;width: 400px;height: 340px;padding-top: 20px;">
   <form class="layui-form" action="">
       <div class="layui-form-item">
           <label class="layui-form-label">真实姓名</label>
           <div class="layui-input-inline">
               <input type="text" 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-inline">
               <input type="text" class="layui-input">
           </div>
       </div>
       <div class="layui-form-item">
           <label class="layui-form-label">密 码</label>
           <div class="layui-input-inline">
               <input type="text" class="layui-input">
           </div>
       </div>
       <div class="layui-form-item">
           <label class="layui-form-label">状 态</label>
           <div class="layui-input-block">
               <input type="checkbox" name="" lay-skin="primary" title="禁用">
           </div>
       </div>
       <button class="layui-btn" style="margin-left: 110px;">保存</button>
   </form>
</div>
</body>
</html>
<script>
layui.use(['form'],function(){
       var form = layui.form;
});
</script>

666.jpg

批改老师:灭绝师太批改时间:2019-02-15 09:28:24
老师总结:作业完成的很好,layui就是学会看文档,快速布局,多多练习

发布手记

热门词条