How to create form tag dynamically using javascript

Question

I am able to create div tag dynamically but unable to create form tag dynamically. the task is I have to create form tag in that i have to create div tag dynamically. Below is the code that create div tag dynamically

var divTag = document.createElement("div");
document.body.appendChild(divTag).innerHTML = data;

Please help me to create form tag in that div tag dynamically using javascript

Have you tried something simple like var formElement = document.createElement("form"); var divElement = document.createElement("div"); divElement.innerHTML = data; formElement.appendChild(divElement); document.body.appendChild(formElement);? — Zeta
– Zeta, Commented Mar 26, 2012 at 11:27
Please found the below code I used for creating form tag --------- var formtag = document.createElement("form"); formtag.id = "frmtag1"; — BHANU PRAKASH INTURI
– BHANU PRAKASH INTURI, Commented Mar 27, 2012 at 5:31

Sirko · Accepted Answer · 2012-03-26 11:26:43Z

1

var divTag = document.createElement("div");
var formTag = document.createElement( 'form' );

divTag.innerHTML = data;
divTag.appendChild( formTag );

document.body.appendChild(divTag);

I don't know, what kind of data you assign to innerHTML, but the above code would append the form tag after that data.

Alternativly you could build up a whole string with all the content for that div and set innerHTML once.

var divTag = document.createElement("div");

data += '<form action=""></form>';

divTag.innerHTML = data;
document.body.appendChild(divTag);

answered Mar 26, 2012 at 11:26

Sirko

74.3k19 gold badges157 silver badges194 bronze badges

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

Collectives™ on Stack Overflow

How to create form tag dynamically using javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related