Tutoriel sur l'attribut d'événement HTML onreset

L'attribut d'événement HTML onreset

L'attribut d'événement onreset est utilisé pour spécifier une fonction JavaScript à exécuter lorsque le formulaire est réinitialisé.

Définition

L'attribut onreset est un attribut d'événement HTML qui permet d'associer une fonction JavaScript à l'événement de réinitialisation d'un formulaire.

Syntaxe

La syntaxe de base de l'attribut onreset est la suivante :

<form onreset="maFonction()"> ... </form>

Exemples pratiques d'utilisation

Considérons un exemple simple où nous voulons afficher une alerte lorsque le formulaire est réinitialisé :

Exemple :     📋 Copier le code

	<form onreset="afficherAlerte()">
    <label for="nom">Nom :</label>
    <input type="text" id="nom" name="nom"><br>
    <input type="reset" value="Réinitialiser">
</form>

<script>
    function afficherAlerte() {
        alert("Formulaire réinitialisé !");
    }
</script>

Ce code HTML crée un formulaire simple qui utilise l'attribut d'événement onreset pour exécuter une fonction JavaScript lorsqu'un utilisateur réinitialise le formulaire. Voici une explication détaillée du code :

L'attribut onreset="afficherAlerte()" est utilisé pour définir l'événement de réinitialisation du formulaire. Cela signifie que lorsque l'utilisateur clique sur le bouton de réinitialisation du formulaire (généralement un bouton avec type="reset"), la fonction JavaScript afficherAlerte() sera appelée.

La fonction afficherAlerte() est définie dans le code JavaScript. Cette fonction utilise la fonction alert() pour afficher une boîte de dialogue avec le message "Formulaire réinitialisé !" lorsque le formulaire est réinitialisé.

Conseils et astuces

• Assurez-vous que la fonction spécifiée dans onreset est définie et accessible dans le contexte global.
• Évitez d'utiliser des fonctions trop complexes ou prenant beaucoup de temps, car cela pourrait affecter les performances de votre page.

Appui de navigateur

L'attribut d'événement onreset est généralement bien pris en charge par les navigateurs modernes. Cependant, il est toujours utile de vérifier la compatibilité pour s'assurer que votre code fonctionnera correctement sur différentes plates-formes. Voici une section que vous pourriez ajouter à votre article pour couvrir le support du navigateur :