Javascript 如何在表单中创建html元素而不重新加载页面？

我正在寻找一种向表单中添加html元素的方法，例如使用按钮。我一直在看一些例子，但是它们非常大（比如我想要构建的实际表单的3倍以上），所以我想知道是否有更好的方法来解决这个问题

我的想法是这样的：

<form action='blabla.php' method='post'>
    <!-- Insert button here to add a new element -->
    <input type='text' name='desc_1'>
</form>

通过单击按钮，应呈现以下内容：

<form action='blabla.php' method='post'>
    <!-- Insert button here to add a new element -->
    <input type='text' name='desc_1'>
    <input type='text' name='desc_2'>
</form>

---

我希望创建一个新的输入字段，而不必重新加载和释放表单中输入的ev数据。我猜这是我应该通过javascript甚至jquery实现的。我知道如何编辑一个现有的输入字段，但我不知道如何创建一个新的输入字段并使其符合其编号排列。有人知道如何使用javascript函数实现这一点吗？或者我应该花点时间研究jquery以获得更平滑的解决方案吗？

是您的答案。它可以让您更新网站内容，而无需反复刷新页面。

您可以通过XMLhttpRequest获得您想要的问候语。 祝你好运

$（“按钮”）。单击（函数（）{
变量计数=$（“输入”）。长度+1；
$（“表格”）。前缀（
）；
});

添加输入


您可以这样做

html

<button onclick="create();">Create Field</button><br><br>
<form id="frm">

    <input type='text' name='desc_1' placeholder="Input Field 1"><br>
</form>

创建字段





javascript

var count=1;
function create(){
//alert();
    count++;
    document.getElementById('frm').innerHTML+='<br/><input type="text" id="'+count+'" placeholder="Input Field'+count+'"  /><br/>';
    e.prventDefault();
}

var计数=1；
函数create（）{
//警惕（）；
计数++；
document.getElementById（'frm'）.innerHTML+='

'；
e、 prventDefault（）；
}

先生，你可能是个英雄！：）我希望我能给出多个正确的答案。我真的很喜欢这个，但是我接受的那个不需要lib。做得好。不过！