problema con form dinamico

[ennioj82]

Salve a tutti,
ho un form nel quale ho previsto un pulsante aggiungi campo che deve dare la possibilita all' utente di inserire un nuovo Input box.....
Vi mostro la parte di codice HTML del form

<form method="post" action="">
NOME:

<input type="text" name="NOME" />

<p id="d" > </p>

<input type="submit" onClick="add()" value="Aggiungi Campo" /></input>
<input type="submit" value="INVIA" /> </input>
<input type="reset" value="Cancella" /></input>

</form> </div>

cliccando questo pulsante si attiva la funzione add()

function add(){

var oField=document.createElement("INPUT");
var oText=document.createTextNode("riga "+num);

// setta attributi
oField.setAttribute("type","text");
oField.setAttribute("name","testo"+num);

// appendi al relativo padre
document.getElementById('d').appendChild(oField);
document.getElementById('d').appendChild(oText);
num++;

}

Ho un problema quando si clicca sul pulsante viene creato L input box ma scompare immediatamente sul click, mentre se per prova l'evento e onmouseover lì'input box viene creato immediatamete.

Qualche suggerimento?
Grazie Anticipatamente.

[ennioj82]

il Problema è che il pulsante doveva essere di tipo button e non submit

Grazie comunque!!!!