Ciao ragazzi,

ho aperto questa discussione per via di un problema che non riesco a risolvere.
Il problema sussiste nella gestione dinammica dei campi sul form sotto postato.

codice:
<div id="esperienze"> 	
  <h4 align="center">Esperienze Lavorative</h4> 	



 <table align="center" border="1" width="400"> 		
<form action="./GestioneDati" method="post" name="esperienze" id="esperienze"> 			
 <input type="hidden" name="azione" value="esperienzeLavorativa"/>
   <tr>
	<td>
        	<label>Date (da - a): </label>
        </td>
        <td>
        	<input type="text" name="date" /> 
        </td>
   </tr>
   <tr>
	<td>
           <label>Nome e indirizzo del datore di lavoro: </label> 					
        </td>
         <td>
           <input type="text" name="indirizzoDiLavoro" />
         </td>
   </tr>
   <tr>
       <td>
           <label>Tipo di azienda o settore: </label>
       </td>
       <td>
          <input type="text" name="tipoAzienda" />
       </td>
   </tr>
   <tr>
     <td>
       <label>Tipo di impiego: </label>
     </td>
     <td>
          <input type="text" name="tipoImpiego" />
     </td>
   </tr>
   <tr>
      <td>
         <label>Principali mansioni e responsabilità: </label>
      </td>
      <td>
          <input type="text" name="principaliMansioni" />
      </td>
    </tr>
     <div id="aggiungiForm"> </div>
    <tr>
       <td colspan="2">
          <input type="submit" value="invia dati" />
          </form>
          <button name="invio" onclick=" accoda()">Aggiunge Esperienze</button> 						
          <button name="invio" onclick=" elimina()">Elimina Esperienze</button> 					
        </td>
    </tr>
</table>
</p>
</div>

Questo perchè vorrei che venissero aggiunti altrettanti campi, cioè altri 4 campi identici ma con diverso name, per ogni qualvolta che l'utente clicca sul bottone "AGGIUNGI ESPERIENZE" oppure effettuare l'eliminazione ogni qualvolta clicca "ELIMINA ESPERIENZA".

Sapreste darmi una mano su come poter effettuare questo tipo di procedura?

Grazie anticipatamente.