Buon Anno a Tutti !!!

Ho il seguente problema:
ho una pagina web, test.htm , cosi' strutturata:

<html>
<head>
<script type="text/javascript">
function nascondi() {
document.getElementById('t1 ').style.display = 'none';
}
</script>

</head>

<body>
<form name="myform" method="post">


Nome <input type="text" name="t1 " id="t1" value="scrivi nome" size="41" /></p>


Cognome <input type="text" name="t2" id="t2" value="scrivi cognome" size="41" />
<button onClick="nascondi()" style="width:80px;"> Nascondi</button></p>
</form>
</body></html>


Vorrei che quando uno schiaccia il pulsante Nascondi, sparisse il campo testo t1 , cosi' come avviene ora, pero' che al tempo stesso la pagina test.htm venisse salvata automaticamente col campo t1 sempre nascosto, in modo che se uno richiama la pagina, essa appare con visibile solo il campo t2.

Grazie mille in anticipo !!!