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 tex

Answer 1

To create number of input fields given by the user

---

1. Get the number of text fields from the user and assign it to a variable.

   var no = document.getElementById("idname").value

---

2. To create input fields, use createElement method and specify element name i.e. "input" as parameter like below and assign it to a variable.

   var textfield = document.createElement("input");

---

3. Then assign necessary attributes to the variable.

   textfield.type = "text";

   textfield.value = "";

---

4. At last append variable to the form element using appendChild method. so that the input element will be created in the form element itself.

   document.getElementById('form').appendChild(textfield);

---

5. Loop the 2,3 and 4 step to create desired number of input elements given by the user inside the form element.

   for(var i=0;i

---

Here's the complete code

function fun() {
    /*Getting the number of text fields*/
    var no = document.getElementById("idname").value;
    /*Generating text fields dynamically in the same form itself*/
    for(var i=0;i