layui如何动态生成表单

使用Layui可以通过JavaScript代码动态生成表单。以下是一个示例：

<form class="layui-form" action="">
  <div class="layui-form-item">
    <label class="layui-form-label">用户名</label>
    <div class="layui-input-inline">
      <input type="text" name="username" required  lay-verify="required" placeholder="请输入用户名" autocomplete="off" 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" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
</form>

<script>
//动态生成表单项
layui.use('form', function(){
  var form = layui.form;
  var html = '<div class="layui-form-item"><label class="layui-form-label">邮箱</label><div class="layui-input-inline"><input type="text" name="email" required lay-verify="required" placeholder="请输入邮箱" autocomplete="off" class="layui-input"></div></div>';
  $('.layui-form').append(html);
  form.render(); //重新渲染表单
});
</script>

上述代码中，我们使用了Layui的`form`模块来渲染表单，然后使用jQuery的`append()`方法动态添加了一个邮箱输入框。最后使用`form.render()`方法重新渲染表单，使新添加的内容生效。