Balises d'envoi et de réinitialisation

En HTML, il existe deux balises spéciales qui sont utilisées pour gérer les actions d'envoi et de réinitialisation d'un formulaire : <input type="submit"> et <input type="reset">.

Balise d'envoi : <input type="submit">

La balise <input type="submit"> est utilisée pour créer un bouton d'envoi dans un formulaire. Lorsque ce bouton est cliqué, les données du formulaire sont envoyées au serveur pour être traitées. Voici un exemple :

<input type="submit" value="Envoyer" />

Dans cet exemple, la balise <input> avec l'attribut type="submit" crée un bouton d'envoi. L'attribut value est utilisé pour spécifier le texte affiché sur le bouton.

Balise de réinitialisation : <input type="reset">

La balise <input type="reset"> est utilisée pour créer un bouton de réinitialisation dans un formulaire. Lorsque ce bouton est cliqué, les champs du formulaire sont réinitialisés à leurs valeurs par défaut. Voici un exemple :

<input type="reset" value="Réinitialiser" />

Dans cet exemple, la balise <input> avec l'attribut type="reset" crée un bouton de réinitialisation. L'attribut value est utilisé pour spécifier le texte affiché sur le bouton.

Exemple complet

Voici un exemple complet de formulaire avec les balises d'envoi et de réinitialisation :

<form action="/traitement" method="post">
    <label for="nom">Nom :</label>
    <input type="text" id="nom" name="nom" required />
 
    <label for="email">Email :</label>
    <input type="email" id="email" name="email" required />
 
    <input type="submit" value="Envoyer" />
    <input type="reset" value="Réinitialiser" />
</form>

Dans cet exemple, nous avons un formulaire avec deux champs : nom et email. L'attribut required est utilisé pour rendre ces champs obligatoires. La balise <input type="submit"> crée le bouton d'envoi, et la balise <input type="reset"> crée le bouton de réinitialisation.

Conclusion

Les balises d'envoi et de réinitialisation sont des éléments importants dans la création de formulaires interactifs en HTML. La balise <input type="submit"> permet d'envoyer les données du formulaire au serveur, tandis que la balise <input type="reset"> permet de réinitialiser les champs du formulaire à leurs valeurs par défaut.

Il est important de bien choisir le libellé des boutons d'envoi et de réinitialisation pour guider les utilisateurs et rendre l'expérience de remplissage du formulaire claire et intuitive.