Javascript 使用JS向表单添加输入

是否可以将用户动态创建的输入添加到表单

假设我在页面加载时有：

<form id="my-form" xl-form>
... // here the inputs
</form>

... // 这里是输入

然后，我创建一个输入（页面加载后）

如何将其添加到id为“我的表单”的表单中？ 我需要将它添加到内部，因为我想使用一个GitHub插件，它只会影响内部的输入 形式

这可能吗

谢谢

PS：在发布这篇文章之前，在论坛上搜索了一下，但找到了2013年发布的文章，似乎有一些不推荐的方法。

您可以使用纯javascript解决方案（无jQuery）

let el=document.createElement（“输入”）；
el.className=“整数元素”；
el.placeholder=“name”；
el.id=“名称”；
让form=document.getElementById（“我的表单”）；
表格.附属儿童(el);
您可以用于纯javascript解决方案（无jQuery）


let el=document.createElement（“输入”）；
el.className=“整数元素”；
el.placeholder=“name”；
el.id=“名称”；
让form=document.getElementById（“我的表单”）；
表格.附属儿童(el);
$（“#我的表格”）。附加（“”）；
$（“#我的表格”）。附加（“”）；
像这样的东西？只需将html内容附加或附加到表单字段等，就可以更改值、名称、类型甚至输入类型


$（文档）.ready（函数（）{
$（“#myForm”）。追加（“”）；
$（“#myForm”）。追加（“”）；
$（“#myForm”）。追加（“”）；
})
输入{
显示：块；
保证金：5px；
}
像这样的东西？只需将html内容附加或附加到表单字段等，就可以更改值、名称、类型甚至输入类型


$（文档）.ready（函数（）{
$（“#myForm”）。追加（“”）；
$（“#myForm”）。追加（“”）；
$（“#myForm”）。追加（“”）；
})
输入{
显示：块；
保证金：5px；
}

谢谢你的回答，山姆。是这样的吗？document.my form.appendChild（name）？很抱歉，正在添加示例。我已经包括了一个片段来演示这一点！谢谢你的回答，山姆，是这样的吗？document.my form.appendChild（name）？很抱歉，正在添加示例。我已经包括了一个片段来演示这一点！
<input type="input" class="integr_elements" placeholder="name" id="name">

$('#my-form').append('<input type="input" class="integr_elements" placeholder="name" id="name">');