Mantener valores en campos de texto

[patilanz]

Hola tengo una pagina que tiene un menu que al dar click en uno de los botones se cambia el texto en una div de la pagina con innerHTML. En uno de los botones muestra el sitio para el contacto donde estan campos de texto. Al escribir algo en ellos y luego si ago click en uno de los botones del menu y luego vuelvo al sitio del contacto esos datos se borran.

El codigo es parecido a este :

Código Javascript:

//La funciona para mostrar un apartado del menu
 
function mostrar_algo() {
    var menu = 'algo';
    var titulo = 'el titulo';
    document.getElementById('contenido').lastChild.nodeValue = '';
    document.getElementById('contenido').innerHTML = menu;
    document.getElementById('titulo').lastChild.nodeValue = titulo;
    document.getElementById('cuerpo').style.width = '505px';
}
 
function mostrar_contacto() {
    var titulo = 'Контакти';    
    var contacto = '<form id="form" name="form" method="post"><table width="520" height="318" border="0"> <tr><td width="242">Vuestro nombre (obligatorio)</td> <td width="268"><label for="name"></label>  <input name="name" maxlength="40" onkeyup = "maximo();" type="text" id="name" size="32" onfocus="color_campos(this.id)" onblur="color_campos_off(this.id); error_nombre()" /></td> </tr> <tr> <td>Vuestro correo (obligatorio) </td><td><label for="email"></label> <input name="email" onKeyUp="error_correo();" type="text" id="email" size="32" onfocus="color_campos(this.id)" onblur="color_campos_off(this.id); q_m_c();" /></td></tr><tr><td> Vuestro Telefono*  </td><td><label for="phone"></label><input name="phone" maxlength="11" type="text" id="phone" size="32" onfocus="color_campos(this.id)" onblur="color_campos_off(this.id); error_phone();" /></td></tr><tr><td height="52"> El tema</td><td><label for="tema"></label> <input name="tema" maxlength="50" type="text" id="tema" size="32" onfocus="color_campos(this.id)" onblur="color_campos_off(this.id); error_tema();" /></td></tr> <tr><td height="107"> Vuestro mensaje </td><td><label for="message"></label><textarea name="message" cols="26" rows="5" maxlength="1000" id="message" onfocus="color_campos(this.id)" onblur="color_campos_off(this.id); error_message();"></textarea></td></tr><tr><td><input type="button" name="s" id="s" width="50" height="50" onClick="enviar();" value="Изпратете" /></td></tr> </table></form>';
    document.getElementById('cuerpo').style.width = '505px';
    document.getElementById('contenido').innerHTML = contacto;
    document.getElementById('titulo').innerHTML = titulo;
}
 

Alguien sabe una manera de mantener lo escrito en los campos?

Gracias :)