在Javascript/jQuery中克隆隐藏元素

我正在构建一个简单的应用程序，允许用户添加X个“something”

因此，对于每个“某物”，都有一个带有几个字段的小表单。他们可以通过单击“添加新内容”之类的按钮添加任意数量的内容

每次他们添加一个新的东西，他们都会得到这个表单的一个新实例来填写

---

每次复制表单的最佳方式是什么？我本来打算每次都克隆一个表单的隐藏版本（带有

display:none；

），但我也注意到有人把他们隐藏的克隆放在

脚本

标签中。我到处找了一篇关于这种方法的利弊的文章，但什么也找不到。

我认为这没什么大区别——做你认为更实际的事情。如果是在一个人人都可以访问的公共网站上，也许最好在JS代码中添加“复制表单”，因为垃圾邮件机器人可能会遍历您的HTML代码并提交隐藏表单。

我认为这没什么大区别-做您认为更实际的事情。如果是在一个人人都可以访问的公共网站上，也许最好在JS代码中添加“复制表单”，因为垃圾邮件机器人可能会遍历您的HTML代码并提交隐藏表单。

我认为这没什么大区别-做您认为更实际的事情。如果是在一个人人都可以访问的公共网站上，也许最好在JS代码中添加“复制表单”，因为垃圾邮件机器人可能会遍历您的HTML代码并提交隐藏表单。

我认为这没什么大区别-做您认为更实际的事情。如果是在一个人人都可以访问的公共网站上，也许最好在JS代码中添加“复制表单”，因为垃圾邮件机器人可能会遍历您的HTML代码并提交隐藏表单。

我认为，您需要这样的东西

HTML标记

---

我想，你需要这样的东西

HTML标记

---

我想，你需要这样的东西

HTML标记

---

我想，你需要这样的东西

HTML标记 你可以试试HTML5

在中有一篇关于它的文章，下面是一个例子：

<button onclick="useIt()">Use me</button>
<div id="container"></div>
<script>
  function useIt() {
    var content = document.querySelector('template').content;
    // Update something in the template DOM.
    var span = content.querySelector('span');
    span.textContent = parseInt(span.textContent) + 1;
    document.querySelector('#container').appendChild(
        document.importNode(content, true));
  }
</script>

<template>
  <div>Template used: <span>0</span></div>
  <script>alert('Thanks!')</script>
</template>

使用我
函数useIt（）{
var content=document.querySelector（“模板”）.content；
//更新模板DOM中的某些内容。
var span=content.querySelector（'span'）；
span.textContent=parseInt（span.textContent）+1；
document.querySelector（“#container”）.appendChild(
document.importNode（content，true））；
}
使用的模板：0
警惕（“谢谢！”）

你可以试试HTML5

在中有一篇关于它的文章，下面是一个例子：

<button onclick="useIt()">Use me</button>
<div id="container"></div>
<script>
  function useIt() {
    var content = document.querySelector('template').content;
    // Update something in the template DOM.
    var span = content.querySelector('span');
    span.textContent = parseInt(span.textContent) + 1;
    document.querySelector('#container').appendChild(
        document.importNode(content, true));
  }
</script>

<template>
  <div>Template used: <span>0</span></div>
  <script>alert('Thanks!')</script>
</template>

使用我
函数useIt（）{
var content=document.querySelector（“模板”）.content；
//更新模板DOM中的某些内容。
var span=content.querySelector（'span'）；
span.textContent=parseInt（span.textContent）+1；
document.querySelector（“#container”）.appendChild(
document.importNode（content，true））；
}
使用的模板：0
警惕（“谢谢！”）

你可以试试HTML5

在中有一篇关于它的文章，下面是一个例子：

<button onclick="useIt()">Use me</button>
<div id="container"></div>
<script>
  function useIt() {
    var content = document.querySelector('template').content;
    // Update something in the template DOM.
    var span = content.querySelector('span');
    span.textContent = parseInt(span.textContent) + 1;
    document.querySelector('#container').appendChild(
        document.importNode(content, true));
  }
</script>

<template>
  <div>Template used: <span>0</span></div>
  <script>alert('Thanks!')</script>
</template>

使用我
函数useIt（）{
var content=document.querySelector（“模板”）.content；
//更新模板DOM中的某些内容。
var span=content.querySelector（'span'）；
span.textContent=parseInt（span.textContent）+1；
document.querySelector（“#container”）.appendChild(
document.importNode（content，true））；
}
使用的模板：0
警惕（“谢谢！”）

你可以试试HTML5

在中有一篇关于它的文章，下面是一个例子：

<button onclick="useIt()">Use me</button>
<div id="container"></div>
<script>
  function useIt() {
    var content = document.querySelector('template').content;
    // Update something in the template DOM.
    var span = content.querySelector('span');
    span.textContent = parseInt(span.textContent) + 1;
    document.querySelector('#container').appendChild(
        document.importNode(content, true));
  }
</script>

<template>
  <div>Template used: <span>0</span></div>
  <script>alert('Thanks!')</script>
</template>

使用我
函数useIt（）{
var content=document.querySelector（“模板”）.content；
//更新模板DOM中的某些内容。
var span=content.querySelector（'span'）；
span.textContent=parseInt（span.textContent）+1；
document.querySelector（“#container”）.appendChild(
document.importNode（content，true））；
}
使用的模板：0
警惕（“谢谢！”）

如果有重置表单功能，则克隆表单，然后触发表单上的重置功能。如果有重置表单功能，则克隆表单，然后触发表单上的重置功能。如果有重置表单功能，则克隆表单，然后触发表单上的重置功能。如果有重置表单功能，则克隆表单，然后触发它的重置功能。这看起来很酷，但不幸的是浏览器支持现在有点缺乏。这看起来很酷，但不幸的是浏览器支持现在有点缺乏。这看起来很酷，但不幸的是浏览器支持现在有点缺乏。这看起来很酷，不幸的是，浏览器支持现在有点缺乏。