2011-08-06 17 views
37

我的網站Aweber註冊表格收到很多垃圾郵件。我被告知在頁面渲染或通過單擊按鈕後,通過javascript動態創建表單。我將如何創建並通過JavaScript呈現表單?如何通過Javascript動態創建表格

+1

你是什麼意思通過動態創建一個表單? –

+6

我不知道爲什麼這是downvoted這麼多或關閉。通過javascript生成動態表單意味着構建DOM,而不是通過HTML提供。 – recursive

+13

他意味着在頁面渲染後創建表單。爲什麼這個關閉? – Sparkup

回答

88

一些事情如下::

添加這個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> 
+0

你會如何添加一個按鈕(一邊提交)來刪除相應的表單? – Jeremy

+0

由於某種原因,此代碼的提交按鈕在IE Edge或以前版本的IE中不起作用。困惑爲什麼 –