如何通过 Javascript 动态创建表单答案

【问题标题】：How to Create a Form Dynamically Via Javascript如何通过 Javascript 动态创建表单
【发布时间】：2018-03-23 09:43:11
【问题描述】：

我的网站 Aweber 注册表收到大量垃圾邮件。我被告知在页面呈现后或通过单击按钮通过 javascript 动态创建表单。如何通过 javascript 创建和呈现表单？

【问题讨论】：

动态创建表单是什么意思？
我不知道为什么这被否决或关闭。通过 javascript 生成动态表单意味着构建 DOM，而不是通过 HTML 提供它。
他的意思是在页面渲染后创建一个表单。为什么关闭？
我想知道，有没有类似（PHP）Drupal Form API 的库？

标签： javascript html

【解决方案1】：

以下几点::

在body标签之后添加这个

这是一个粗略的草图，您需要根据需要进行修改。

<script>
var f = document.createElement("form");
f.setAttribute('method',"post");
f.setAttribute('action',"submit.php");

var i = document.createElement("input"); //input element, text
i.setAttribute('type',"text");
i.setAttribute('name',"username");

var s = document.createElement("input"); //input element, Submit button
s.setAttribute('type',"submit");
s.setAttribute('value',"Submit");

f.appendChild(i);
f.appendChild(s);

//and some more input elements here
//and dont forget to add a submit button

document.getElementsByTagName('body')[0].appendChild(f);

</script>

【讨论】：

如何添加一个按钮（在提交旁边）以删除相应的表单？
由于某种原因，此代码的提交按钮在 IE Edge 或早期版本的 IE 中不起作用。不知道为什么