Variavel cria campo

Boa tarde!

Gostaria de uma dica/ajuda no seguinte:

Estou criando um formulário e preciso fazer dinamicamente que dependendo do valor "X" que a pessoa colocar, aparece "X" campos.

Para ser mais específico, tem uma pergunta assim "Quantos meses?".... se a pessoa digitar "6", preciso que logo abaixo apareça 6 campos para ela colocar a data (dd/mm/aaaa).

Atualmente utilizo o sistema de adicionar campo manualmente ("clique aqui para adicionar"), mas precisava q fosse automatico isso.

Se alguem souber de algum material específico sobre o assunto eu ficaria muito agradecido.

Ninguem tem uma noção pelo menos ?

Estou utilizando o codigo abaixo... alguem sabe me dizer um caminho a seguir?

<script language="javascript">
 function mostra(){
 if (document.getElementById("campo").style.display == "none") {
 document.getElementById("campo").style.display = "block";
 } else {
 document.getElementById("campo").style.display = "none";
 }
 }
</script>
<form id="form1" name="form1" method="post" action="">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><input type="checkbox" name="checkbox" value="checkbox" onclick="mostra()" /></td>
 </tr>
 <tr>
 <td><div id="campo" style="display:none"><input type="text" name="textfield" /></div></td>
 </tr>
 </table>
</form>