Get to know MDN better
Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
* Certaines parties de cette fonctionnalité peuvent bénéficier de prise en charge variables.
L'interface HTMLButtonElement fournit des propriétés et des méthodes (en plus de l'interface régulière HTMLElement dont elle hérite) pour manipuler les éléments HTML <button>.
EventTarget Node Element HTMLElement HTMLButtonElementHérite des propriétés de son parent, HTMLElement.
HTMLButtonElement.commandUne chaîne de caractères indiquant l'action à effectuer sur un élément contrôlé par ce bouton.
HTMLButtonElement.commandForElementUne référence à un objet Element existant que le bouton contrôle.
HTMLButtonElement.disabledUn booléen indiquant si le contrôle est désactivé, c'est-à-dire qu'il n'accepte pas les clics.
HTMLButtonElement.form Lecture seuleUn objet HTMLFormElement représentant le formulaire auquel ce bouton est associé. Si le bouton est un descendant d'un élément formulaire, cet attribut est une référence à l'HTMLFormElement associé à ce formulaire. Si le bouton n'est pas un descendant d'un élément formulaire, l'attribut peut être une référence à n'importe quel élément HTMLFormElement du même document auquel il est lié, ou la valeur nulle (null) si aucun ne correspond.
HTMLButtonElement.formActionUne chaîne de caractères représentant l'URI d'une ressource qui traite les informations soumises par le bouton. Si défini, cet attribut remplace l'attribut action de l'élément HTML <form> qui possède ce bouton.
HTMLButtonElement.formEnctypeUne chaîne de caractères représentant le type de contenu utilisé pour soumettre le formulaire au serveur. Si défini, cet attribut remplace l'attribut enctype de l'élément HTML <form> qui possède ce bouton.
HTMLButtonElement.formMethodUne chaîne de caractères représentant la méthode HTTP utilisée par le navigateur pour soumettre le formulaire. Si défini, cet attribut remplace l'attribut method de l'élément HTML <form> qui possède ce bouton.
HTMLButtonElement.formNoValidateUn booléen indiquant que le formulaire ne doit pas être validé lors de sa soumission. Si défini, cet attribut remplace l'attribut novalidate de l'élément HTML <form> qui possède ce bouton.
HTMLButtonElement.formTargetUne chaîne de caractères représentant un nom ou un mot-clé indiquant où afficher la réponse reçue après la soumission du formulaire. Si défini, cet attribut remplace l'attribut target de l'élément HTML <form> qui possède ce bouton.
HTMLButtonElement.interestForElementObtient ou définit l'élément cible d'un invocateur d'intérêt, dans les cas où l'élément HTML <button> associé est défini comme un invocateur d'intérêt.
HTMLButtonElement.labels Lecture seuleUn objet NodeList représentant une liste d'éléments <label> qui sont des étiquettes pour ce bouton.
HTMLButtonElement.nameUne chaîne de caractères représentant le nom de l'objet lors de la soumission avec un formulaire. Si défini, il ne doit pas être une chaîne vide.
HTMLButtonElement.popoverTargetActionObtient et définit l'action à effectuer ("hide", "show" ou "toggle") sur un élément de fenêtre contextuelle (popover en anglais) contrôlé par un bouton de contrôle. Cela reflète la valeur de l'attribut HTML popovertargetaction.
HTMLButtonElement.popoverTargetElementObtient et définit l'élément de fenêtre contextuelle (popover en anglais) à contrôler via un bouton. L'équivalent JavaScript de l'attribut HTML popovertarget.
HTMLButtonElement.typeUne chaîne de caractères indiquant le comportement du bouton. Il s'agit d'un attribut énuméré avec les valeurs possibles suivantes :
Un booléen indiquant si le bouton est candidat à la validation de contraintes. Il est à false si certaines conditions l'empêchent d'être validé, notamment : sa propriété type est reset ou button ; il a un ancêtre <datalist> ; ou la propriété disabled est à true.
HTMLButtonElement.validationMessage Lecture seuleUne chaîne de caractères représentant le message localisé décrivant les contraintes de validation non satisfaites (le cas échéant). Cet attribut est une chaîne vide si le contrôle n'est pas candidat à la validation de contraintes (willValidate est à false), ou s'il satisfait ses contraintes.
HTMLButtonElement.validity Lecture seuleUn ValidityState représentant les états de validité de ce bouton.
HTMLButtonElement.valueUne chaîne de caractères représentant la valeur actuelle du contrôle de formulaire du bouton.
Hérite des méthodes de son parent, HTMLElement.
HTMLButtonElement.checkValidity()Retourne true si la valeur de l'élément ne présente aucun problème de validité ; sinon, retourne false.
HTMLButtonElement.reportValidity()Effectue la même action que checkValidity(), mais signale également le résultat à l'utilisateur·ice si l'événement invalid n'a pas été annulé.
HTMLButtonElement.setCustomValidity()Définit le message de validité personnalisé pour l'élément. Utilisez la chaîne vide pour indiquer que l'élément n'a pas d'erreur de validité personnalisée.
| HTML # htmlbuttonelement |
Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.
Cette page a été modifiée le 20 janv. 2026 par les contributeur·ice·s du MDN.
Votre modèle pour un internet meilleur.
Visitez la société mère à but non lucratif de Mozilla Corporation, la Fondation Mozilla.
Certaines parties de ce contenu sont protégées par le droit d'auteur ©1998—2026 des contributeurs individuels de mozilla.org. Contenu disponible sous une licence Creative Commons.