How do I add textboxes dynamically in Javascript?

Question

By default I have 5 textboxes. When a user clicks on a button, one textbox should be added.

How could I do this?

Answer 1

Best would be to attach an event on to the onclick of the button, that will set a div's visibility to inline. This is about the best way I can see for this, considering flexibility and robustness.

Have a look here for example code.

Answer 2

<script>
function add()
{
    var inpt = document.getElementById('input_template');
    inpt.parentNode.appendChild(inpt.cloneNode(false));
}
</script>

<input type="button" onclick="add();">

set id=input_template to one of the predefined textboxes