Sommaire

Les Boutons d’actionb Formulaire:boutons d’actionoutons d’action

Lorsque les visiteurs ont renseigné tous les champs du formulaire, il faut l’envoyer au serveur, par l’intermédiaire du script pour effectuer le traitement. De plus, il faut toujours donner la possibilité d’annuler toutes les saisies faites afin de pouvoir recommencer à saisir le formulaire.

Pour insérer ces deux boutons d’action, nous allons utiliser l’élément <input>. C’est l’attribut type qui précise l’action à déclencher :

  • Le type type="submit" déclenche l’envoi du formulaire au serveur pour son traitement, par l’intermédiaire du script.

  • Le type type="reset" permet d’effacer toutes les saisies effectuées.

Voici un exemple simple :

<!doctype html> 
<html> 
<head> 
   <meta charset="utf-8"> 
   <title>Ma page web</title> 
</head> 
<body> 
   <p>Saisissez ce formulaire :</p> 
   <form method="post" action="mon-script.php" 
enctype="application/x-www-form-urlencoded" name="inscription"> 
       <p> 
           <label for="nom">Votre nom : </label> 
           <input type="text" ...