Javascript 当我按下按钮时，如何在div中复制表单？

我的代码中已有一个表单，其中包括2个文本字段和一个提交按钮。
我还添加了一个“添加”按钮，单击该按钮时，应在下面添加一个新表单。我如何使用Javascript实现这一点。
如何通过单击add按钮来添加新表单？

您可以使用jquery功能，这样当您单击该按钮时，表单将被克隆，然后复制到父div

---

这将使用数据克隆表单，如果您想要没有数据的表单，则应在脚本开头克隆表单。

您可以使用模板引擎创建表单模板并向其中插入自动递增ID

注意：如果需要更多的逻辑、自定义或编译模板，可以使用

var FORM\u ID\u INCR=1；//不断增长的成本
document.getElementById（'add-form-btn'）。addEventListener（'click'，函数（e）{
createAndAppendNewContactForm（）；
});
函数createAndAppendNewContactForm（）{
让viewModel={formId:FORM_ID_INCR++}；
让template=document.getElementById（'form-template'）.innerHTML；
让renderedHtml=Mustache.render（模板，视图模型）；
让节点=document.createRange（）.createContextualFragment（renderedHtml）；
document.getElementById（'form-container'）.appendChild（节点）；
}

.form字段{
边缘底部：0.5em；
}
.表单字段标签{
显示：内联块；
字体大小：粗体；
宽度：6em；
}
.联络表格{
边框：1px实心#DDD；
填充：0.5em；
边缘底部：0.5em；
}
#模板容器{
边缘底部：1米；
}

形式#{formId}
名字
姓
形式
添加表单

请添加解决问题的尝试。显示您的代码。我们将从那里开始。