如何通过Javascript动态创建表单

时间:2011-08-06 05:09:35

标签: javascript html

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

1 个答案:

答案 0 :(得分:107)

有些事情如下::

在身体标签

之后添加此项

这是一个草图,您需要根据需要进行修改。

<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>