Effacer les données d'un formulaire php

Bonjour,
on désire faire un formulaire avec un controle de saisie ayant la possibilité de restaurer les données des champs déjà saisies après "submit".
le problème est: lorsque on appuie sur effacer les champs ne se réinitialisent pas.
on a fait recourt à ce code:

<form name="f2" method=POST action='service.php' >
<table border=0 align='center' width=100%><tr class='a' bgcolor=#4682B4><td>

</td></tr><tr cellpadding=100px><td  bgcolor=#F0F8FF>
<table border='0' align='center' ><tr>
<td height=55 class='b' width=200  valign=center >CODE SERVICE</td><td><input type='text' value='<?php if (isset($_POST['code'])){
echo $_POST['code'];}?>' name="code" size=27></td><td  width=400 align="left">
<?php 
include ("connect.php");
$champs=0;
 if (isset($_POST['ajout']) ) {
if (empty($_POST['code']))
{ echo "<p align='left'><img src='img/exclamation.png'><b><font color='orange' size='2'>Veuillez entrer un code valide !</font></b></p>"; }
else $champs++ ; }
?>
</td></tr><tr>
<td height=55 class='b' width=200 valign=center>NOM SERVICE</td><td><input type='text' value='<?php if ((isset($_POST['nom'])) AND (!(isset( $_POST['supp'] )))) {
echo $_POST['nom'];} ?>' name="nom" size=27></td><td  width=400 align="left">
<?php 
 if (isset($_POST['ajout']) ) {
if (empty($_POST['nom']))
{ echo "<p align='left'><img src='img/exclamation.png'><b><font color='orange' size='2'>Veuillez entrer un nom valide !</font></b></p>"; }
else $champs++ ; }

?>
</td></tr><tr>	
							 

<td></td><td>
<input type=submit value=' Ajouter ' name="ajout">
<input type='reset' value=' Effacer ' name="supp" >
</td></tr>
</table>
</td></tr>
</table></form>

veuillez bien vouloir m'aider à fin de rectifier l'erreur survenant lorsqu'on appuie sur le bouton effacer à fin de réinitialiser tous les champs.
Merci d'avance.
Cordialement.