Dynamiskt formulär

Skulle vilja få till ett formulär som är dynamiskt, det jag vill göra är att man t.ex. börjar med ett fält, se kan användaren klicka på en knapp "lägg till extra fält", då ska man få ett fält till och sen ska man kunna lägga till ett till om man vill osv...

Kan man lösa detta med JavaScript och i så fall hur?

<script type="text/javascript">

function addField() {
    var elm = document.createElement("input");
    elm.setAttribute("type", "text");
    elm.setAttribute("name", 'o' + (new Date()).valueOf());

    document.getElementById("fields").appendChild(elm);
}

</script>

<form>
    <button type="button" onclick="addField()">Lägg till fält</button>
    <div id="fields"></div>
</form>

:)

perfekt!