una forma un poco "fea" de hacer eso es:
<html>
<head>
<title>Dynamic Form</title>
<script language="javascript">
function changeIt()
{
var i = 1;
my_div.innerHTML = my_div.innerHTML +"<br><input type='text' name='mytext'+ i>"
}
</script>
</head>
<body>
<form name="form" action="post" method="">
<input type="text" name=t1>
<input type="button" value="test" onClick="changeIt()">
<div id="my_div"></div>
</body> fuente: http://psacake.com/web/je.asp
una forma un poco mas "profesional" :P
currentElement = document.createElement("input");
currentElement.setAttribute("type", "text");
currentElement.setAttribute("name", "name");
currentElement.setAttribute("id", "name");
currentElement.setAttribute("value", "xxx");
currentCell.appendChild(currentElement);
donde debes cambiar los atributos type por el tipo que necesites (usualmente TEXT), name e id por un nombre unico para identificarlos y value por el valor inicial de dicho campo
currentCell es el elemento HTML destino que debe llevar un ID con el valor currentCell o su equivalente si lo quieres llamar de otra forma
todo el quote anterior debe ir entre las etiquetas <script></script> en el HTML o preferiblemente en un *.js aparte