如何通过Javascript动态创建表单

Nic*_*ick 52 html javascript

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

Phe*_*nix 118

有些事情如下::

添加此身体标签后

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

<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>
Run Code Online (Sandbox Code Playgroud)