Apercu un formulaire

<script type="text/javascript">
function previsualiser(){
	var champ1=document.getElementByid('id_champ1'); //on atteint le champ1
	var previsu_champ1= document.getElementByid('id_previsu_champ1'); //on atteint le previsu champ1
	//on copier le contenu de champ1 vers la previsu champ1
	previsu_champ1.value=champ1.value;
	
	//idem pour tous les champs
	
	//a la fin on "demasque le div"
	var div_prev= document.getElementByid('div_previsu'); //on atteint le div
	div_prev.style.display='block';

}

</script>
tu ne mets pas les balise form ici mais dans le div
Nom: <input type="text" name="nom" id="id_champ1" value="" />

etc...

<input type="button" name="previsu" id="previsu" value="Previsualiser" onclick="previsualiser();" />

<div id="div_previsu" style="display:none;">
<form name="....." method="post" action="....." >
Nom: <input type="text" name="nom" id="id_previsu_champ1" value="" readonly />
on les met readonly pour qu'ils ne soient pas modifiables ici

<input type="submit" name="enregistrer" value="Enregistrer" />
</form>
</div>

 if(isset($_POST['previsualiser']))
{
  echo $_POST['a'].'<br>';
  echo $_POST['b'].'<br>';
  //etc..
}