creating and submitting a form with javascript

Question

I'm trying to create a form and submit it immediately with javascript and I cannot figure out what I'm doing wrong. here is my code:

function autoLogIn(un, pw) { var form = document.createElement("form"); document.body.appendChild(form); form.method = "POST"; form.action = "login.php"; var element1 = document.createElement("<INPUT NAME='un' TYPE='hidden' VALUE='"+un+"'>");    form.appendChild(element1); var element2 = document.createElement("<INPUT NAME='pw' TYPE='hidden' VALUE='"+pw+"'>");  form.appendChild(element2); form.submit(); } 

Answer 1

The problem is that createElement does not accept HTML. It accepts a tagname and returns a DOM element. You can then set the value attribute on this element to what you require.

function autoLogIn(un, pw) {     var form = document.createElement("form");     var element1 = document.createElement("input");      var element2 = document.createElement("input");        form.method = "POST";     form.action = "login.php";         element1.value=un;     element1.name="un";     form.appendChild(element1);        element2.value=pw;     element2.name="pw";     form.appendChild(element2);      document.body.appendChild(form);      form.submit(); } 

Answer 2

Modified code: jsfiddle.

function autoLogIn(un, pw) {    var form = document.createElement("form");    document.body.appendChild(form);    form.method = "POST";    form.action = "login.php";    var element1 = document.createElement("INPUT");              element1.name="un"     element1.value = un;     element1.type = 'hidden'     form.appendChild(element1);     var element2 = document.createElement("INPUT");              element2.name="pw"     element2.value = pw;     element2.type = 'hidden'     form.appendChild(element2);     form.submit(); }