Ciao a tutti!!!
Avrei un quesito da farvi: come posso aggiungere dinamicamente dei campi ad un form?

Preticamente io ho un form con il quale l'utente va a caricare uno o più file (immagini). Io volevo che appena il form viene caricato si presenti un solo campo di input di tipo file con, accanto, un pulsante con scritto + o aggiungi (insomma, qualcosa che faccia capire all'utente che con quel pulsante aggiunge un altro campo per caricare un secondo file.
Come posso fare? io avevo provato così, ma non funziona:

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<script language="javascript">
function aggiungi() {
	var nfile;
	nfile = 1;
	nfile = nfile++;
	document.write('
<input type="file" name="file' + nfile + '"  />
<button onclick="javascript:aggiungi()">+</button>');
	document.FormFile.files.value = nfile;
}
</script>
</head>

<body>
<form name="FormFile" action="">
<input type="file" name="file1"  />
<button onclick="javascript:aggiungi()">+</button>


<input type="hidden" value="1" />
</form>
</body>

</html>
Ringrazio anticipatamente delle risposte....

PS: é possibile inserire un filtro per le immagini in maniera tale che il controllo avvenga direttamente quando l'utente seleziona il file oppure devo per forza farlo sul file che esegue le operazioni di caricamento?

Grazie mille