How to create <input type=“text”/> dynamically

Question

I want to create an input type text in my web form dynamically. More specifically, I have a textfield where the user enters the number of desired text fields; I want the text fields to be generated dynamically in the same form.

How do I do that?

Answer 1

With JavaScript:

var input = document.createElement("input"); input.type = "text"; input.className = "css-class-name"; // set the CSS class container.appendChild(input); // put it into the DOM 

Answer 2

Using Javascript, all you need is document.createElement and setAttribute.

var input = document.createElement("input"); input.setAttribute('type', 'text'); 

Then you can use appendChild to append the created element to the desired parent element.

var parent = document.getElementById("parentDiv"); parent.appendChild(input);