layui from多页表单

Layui 的多页表单可以使用 Tab 组件来实现。首先需要引入 layui 的 Tab 模块：

<script src="layui/layui.js"></script>

然后在页面中创建一个 Tab 容器：

<div class="layui-tab layui-tab-brief" lay-filter="tab-form">
  <ul class="layui-tab-title">
    <li class="layui-this">表单1</li>
    <li>表单2</li>
    <li>表单3</li>
  </ul>
  <div class="layui-tab-content">
    <div class="layui-tab-item layui-show">
      <!-- 表单1的内容 -->
    </div>
    <div class="layui-tab-item">
      <!-- 表单2的内容 -->
    </div>
    <div class="layui-tab-item">
      <!-- 表单3的内容 -->
    </div>
  </div>
</div>

其中 `lay-filter="tab-form"` 是一个标识符，用于在 JavaScript 中引用这个 Tab 容器。`layui-tab-title` 是 Tab 的标题栏，`layui-tab-content` 是 Tab 的内容区域。每个表单对应一个 `layui-tab-item`，并且需要设置一个默认展示的表单，可以在 `layui-tab-item` 中添加 `layui-show` 类来实现。

最后，在 JavaScript 中初始化 Tab 组件：

layui.use('element', function(){
  var element = layui.element;
  
  //监听Tab切换，以便保存数据
  element.on('tab(tab-form)', function(data){
    //保存表单数据
  });
});

这里我们使用了 layui 的 element 模块来初始化 Tab 组件，并且监听了 Tab 切换事件，可以在切换表单时保存表单数据。