JavaScriptを使用して動的にフォームを作成する方法

Question

マイサイトAweber登録フォームは多くのスパムを受けています。私は、ページがレンダリングされた後、またはボタンをクリックして、javascriptを介してフォームを動的に作成するように指示されました。 JavaScriptを使用してフォームを作成してレンダリングするにはどうすればよいですか？

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