ciao a tutti,

vorrei sapere se qualcuno puo darmi una mano a realizzare una cosa del genere (prendendo come esempio questo codice HTML)

In questo codice è presente una tabella composta da 3 righe , a ciascuna delle righe è associata una casella di testo con il rispettivo nome.
Alla fine c'è un pulsante "submit" "Inserisci nuovo record" , io vorrei che cliccando su questo pulsante si duplicasse la pagina, cioè che alla tabella già presente si aggiungesse sotto un'altra tabella uguale!!!

è possibile farlo???se si come???

<table border="1" width="620" cellpadding="3" style="border-width:0px; border-collapse: collapse" bordercolor="#111111" id="table1" cellspacing="0" height="73">
<tr>
<td width="693" height="33" align="center" colspan="2">
<font face="Verdana" size="1" color="#FF1515">Dati</font></td>
</tr>
<tr>
<td width="155" height="41" align="center">
<p align="left">
<font face="Verdana" size="1">Struttura</font></td>
<td width="450" height="41" align="center">
<input name="struttura" type="text" size="52" style="float: left"></td>
</tr>
<tr>
<td width="155" height="41" align="center">
<p align="left"><font face="Verdana" size="1">Trattamenti</font></td>
<td width="450" height="41" align="center">
<input name="trattamenti" type="text" size="52" style="float: left"></td>
</tr>
<tr>
<td width="155" height="41" align="center">
<p align="left"><font face="Verdana" size="1">Descrizione </font></td>
<td width="450" height="41" align="center">
<input name="descrizione" type="text" size="52" style="float: left"></td>
</tr>
</table>
</div>
<div align="center">
<table border="0" width="620" id="table2" cellspacing="0" cellpadding="0">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<p align="center">
<input type="submit" value="Inserisci nuovo record"></td>
<td>
<p align="center">
<input type="submit" value="Memorizza la sezione 3"></td>
</tr>
</table>