Hur skapa nya form element dynamiskt?

Som rubriken lyder:
Hur gör man för att skapa nya formelement typ input fields, select listor, hidden fields etc dynamiskt med hjälp av javascript?

cya,
PatrikB

------------------
-=* IF there is a wrong way to do something, then someone will do it *=-

Gör du det när sidan laddas kan du använda document.write("<input ..."), men annars kan du göra det med DOM såhär. Om vi tänker oss att du har ett formulär som du ger id="myform" och vill lägga till ett text-fält;

function insertTextfield(formId,fieldName){
	mydocrange = document.createRange();
	mydocrange.setStartBefore(document.getElementById(formId));
	document.getElementById(formId).appendChild(mydocrange.createContextualFragment('<input type="text" name="'+fieldName+'">'));
}

anropas med insertTextfield('myform','myfield');

------------------
/ J