添加页面内容

Original 2018-12-29 12:13:57 252
abstract:调用add.html页面  function add(){   layer.open({   title: '添加',  type: 2,   area: ['600px', '500px'],  content: 'add.html' //这里content是一

调用add.html页面

  function add(){

  layer.open({

  title: '添加',

  type: 2, 

  area: ['600px', '500px'],

  content: 'add.html' //这里content是一个普通的String

});

}

添加页面:

<!DOCTYPE html>

<html>

<head>

<title>添加</title>

<meta charset="utf-8">

<link rel="stylesheet" type="text/css" href="layui/css/layui.css">

<script type="text/javascript" src="layui/layui.js"></script>

</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"  placeholder="姓名" autocomplete="off" class="layui-input">

    </div>

     <div class="layui-form-item">

    <label class="layui-form-label">性别</label>

    <div class="layui-input-inline">

      <input type="radio" name="sex" value="男" title="男" checked="">

      <input type="radio" name="sex" value="女" title="女">

   <!--    <input type="radio" name="sex" value="禁" title="禁用" disabled=""> -->

    </div>

  </div>

<div class="layui-inline">

      <label class="layui-form-label">日期</label>

      <div class="layui-input-inline">

        <input type="text" name="date" id="date" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">

      </div>

    </div>

    <div class="layui-form-item layui-form-text">

    <label class="layui-form-label">签名</label>

    <div class="layui-input-block">

      <textarea placeholder="请输入内容" class="layui-textarea"></textarea>

    </div>

  </div>


<button class="layui-btn" style="margin: 0px 100px;">保存</button>

    

</form>


<script type="text/javascript">

layui.use(['form', 'layedit', 'laydate'], function(){

  var form = layui.form

  ,layer = layui.layer

  ,layedit = layui.layedit

  ,laydate = layui.laydate;


  //日期

  laydate.render({

    elem: '#date'

  });

  laydate.render({

    elem: '#date1'

  });


})

</script>

</body>

</html>


Correcting teacher:灭绝师太Correction time:2018-12-29 13:18:03
Teacher's summary:layui主要是学会看文档,添加组件,其他的不难哦!继续加油吧!

Release Notes

Popular Entries