Create form and input field through javascript

Question

I am doing my javascript assignment in which I have a form and there are multiple buttons in it. I want that javascript should render like

<form>
<input />
<button />
</form>

but it is rendering like this

 <form> </form>
    <input />
    <button />

sample code

var formTag = document.createElement('form');
document.body.appendChild(formTag);
var txtInput = document.createElement("input");
var txtNode = document.createTextNode("0");
txtInput.setAttribute("id", "txtInput");
txtInput.appendChild(txtNode);
document.form.appendChild(txtInput);

Billz, @j08691 is implying the post should be tagged based on its content and semantics, not ratings considerations. — Eliran Malka
– Eliran Malka, Commented Oct 26, 2012 at 19:26

Eliran Malka · Accepted Answer · 2012-10-26 19:19:56Z

3

You're mistakenly appending the input element to the document's form element (which, by the way, does not exist - you probably meant document.forms[0]).

Append the input to the formTag object instead, like so:

formTag.appendChild(txtInput);

answered Oct 26, 2012 at 19:19

Eliran Malka

16.4k7 gold badges80 silver badges103 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Darren Wainwright · Accepted Answer · 2012-10-26 19:21:12Z

1

Try appending the txtInput to your formTag object instead..

var formTag = document.createElement('form');
document.body.appendChild(formTag);
var txtInput = document.createElement("input");
var txtNode = document.createTextNode("0");
txtInput.setAttribute("id", "txtInput");
txtInput.appendChild(txtNode);
formTag.appendChild(txtInput);

answered Oct 26, 2012 at 19:21

Darren Wainwright

30.8k22 gold badges87 silver badges132 bronze badges

Collectives™ on Stack Overflow

Create form and input field through javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related