document.createElementフォームは最初の値を渡します

Question

私は奇妙な問題に直面しています。私はPOST経由でデータを送信するjavscriptでフォームを作成しようとしていますが、最初の値だけが次のページに渡されます。私の実装では

var form = document.createElement("form"); 
form.action = "print_order.php"; 
form.method = "post"; 

input = document.createElement("input"); 
input2 = document.createElement("input2"); 

input.type = "hidden"; 
input2.type = "hidden"; 

input.name = "product_id"; 
input.value = "000123"; 
form.appendChild(input); 

input2.name = "prod_order"; 
input2.value = "000456"; 
form.appendChild(input2); 

document.body.appendChild(form); 
form.submit(); 

は、スクリプトを実行し、次は空白になって、次のページに私をリダイレクトして、最初の値だけ（product_idを=「000123」）のポストを超える値を取得します。どうして？

Answer 1

document.createElement('input2') 

が問題です。そのAPIはタグの名前を受け入れます。 "input2"は有効なHTMLタグではありません。その行を読む必要があります

input2 = document.createElement("input"); 

Answer 2

入力がありません.2変数名は入力2ですが、要素が入力されています。

input = document.createElement("input"); 
input2 = document.createElement("input");