Grazie Mitch adesso funziona...

Adesso quando seleziono il button "Inserisci" mi compare all'interno del <div> opzionale il testo contenuto nella casella di testo "testo1".

Se dopo aver inserito un valore ne riscrivo un'altro e premo "inserisci" la prima volta mi cancella quello precedente contenuto nel <div> e la seconda volta che premo "inserisci" mi riporta il contenuto aggiornato della casella di testo.

Se non richiede troppo tempo si potrebbe far si che quando inserisco un nuovo valore me lo vada ad aggiornare subito nel <div> ?

codice:
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#opzionale {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #CCCCCC;
}
</style>
</head>

<body>
<div id="opzionale" style="display:none;"> </div> 
<form>
<input name="testo1" type="text" id="testo1" onchange="document.getElementById('opzionale').innerHTML=this.value;" />

<input name="btn" type="button" onclick="var op=document.getElementById('opzionale'); op.style.display=(op.style.display=='none')?'block':'none';" value="Inserisci" />
</form>
</body>