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

<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