<input type ="button">

L'élément <input type="button"> est une version spécifique de l'élément <input> qui permet de créer un bouton cliquable qui n'a pas de valeur par défaut. En HTML5, cet élément a été remplacé par l'élément <button>. L'aspect du bouton sera différente d'un navigateur à l'autre.

Catégories de contenu Contenu de flux, contenu phrasé, contenu interactif, contenu énuméré, contenu étiquetable, contenu associé au formulaire, contenu tangible.
Contenu autorisé Contenu phrasé.
Omission de balises Aucune, les balises ouvrante et fermante sont obligatoires.
Éléments parents autorisés Tout élément qui accepte du contenu phrasé.
Interface DOM HTMLButtonElement
Type d'élément Inline

Attributs

Cet élément peut inclure les attributs universels. Il prend également en charge les attributs suivants :

disabled

Cet attribut booléen indique que l'utilisateur ne peut pas interagir avec le bouton. Si cet attribut n'est pas déclaré pour l'élément, le bouton hérite de la valeur fourni par l'élément englobant. La valeur d'un contrôle désactivé n'est pas envoyée avec le formulaire et l'évènement click n'est pas propagé aux contrôles désactivés.

À la différence des autres navigateurs, Firefox conservera un état désactivé obtenu dynamiquement lorsqu'on recharge la page. Pour contrôler cette fonctionnalité, on utilisera l'attribut autocomplete.

autofocus HTML5
Cet attribut booléen permet d'indiquer si le bouton doit recevoir le focus au chargement de la page. Seul un élément du document peut avoir cet attribut actif.
autocomplete
Cet attribut n'est pas standard, il est spécifique à Firefox. À la différence des autres navigateurs, Firefox conservera un état désactivé obtenu dynamiquement lorsqu'on recharge la page. Pour contrôler cette fonctionnalité, on utilisera la valeur "off" pour l'attribut.
form HTML5
L'élément de formulaire auquel est associé le bouton. La valeur de cet attribut doit être l'identifiant (la valeur de l'attribut id) d'un élément <form> du document courant. Si cet attribut n'est pas défini, l'élément doit être un descendant du formulaire. Cet attribut permet de placer l'élément n'importe où dans le document et pas uniquement comme un descendant d'un élément <form>.
formenctype
Cet attribut définit le type de contenu envoyé via le formulaire au serveur. Cet attribut peut prendre les valeurs suivantes :
  • application/x-www-form-urlencoded : la valeur par défaut
  • multipart/form-data : la valeur utilisée si un élément <input> possède un attribut type qui vaut file.
  • text/plain

Si cet attribut est défini, il surcharge la valeur de l'attribut enctype du formulaire associé.

formaction HTML5
L'URI d'un programme qui traite les informations envoyées par le bouton. Si cet attribut est défini, il surcharge la valeur de l'attribut action du formulaire associé.
formmethod
Cet attribut définit la méthode HTTP utilisée par le navigateur pour envoyer le formulaire. C'est un attribut à valeur contrainte qui peut valoir :
  • post : les données du formulaire sont incluses dans le corps du formulaire puis envoyées au serveur.
  • get : les données du formualires sont ajoutées l'URI avec un point d'interrogation qui sépare les champs, l'URI est ensuite envoyée au serveur. Cette méthode doit uniquement être utilisée lorsqu'il n'y a aucun effet de bord et que le formulaire ne contient que des caractères ASCII.

Si cet attribut est défini, il surcharge la valeur de l'attribut method du formulaire associé.

formnovalidate
Cet attribut booléen indique que les données du formulaire ne doivent pas être validées lors de l'envoi. Si cet attribut est défini, il surcharge la valeur de l'attribut novalidate du formulaire associé.
formtarget
Cet attribut est un nom ou un mot-clé qui indique où afficher la réponse reçue après l'envoi du formulaire. Cette valeur est le nom ou le mot-clé correspondant à un contexte de navigation (c'est-à-dire un onglet, une fenêtre ou une iframe). Si cet attribut est défini, il surcharge la valeur de l'attribut target du formulaire associé. Cet attribut est un attribut à valeur contrainte et il peut prendre les valeurs suivantes :
  • _self : la réponse est chargée dans le contexte de navigation courant. C'est la valeur par défaut.
  • _blank : la réponse est chargée dans un nouveau contexte de navigation (sans nom).
  • _parent : la réponse est chargée dans le contexte de navigation englobant. S'il n'existe pas de contexte de navigation supérieur, le comportement obtenu sera le même que celui obtenu avec _self.
  • _top : la réponse est chargée dans le contexte de navigation de plus haut niveau. S'il n'existe pas de contexte de navigation supérieur, le comportement obtenu sera le même que celui obtenu avec _self.
name
Le nom du bouton, celui-ci est envoyé avec les données du formulaire.
type
Le type du bouton. Cet attribut à valeur contrainte peut valoir :
  • submit : le bouton envoie les données du formulaire au serveur. C'est la valeur par défaut de l'attribut.
  • reset : le bouton réinitialise tous les contrôles avec leurs valeurs initiales.
  • button : le bouton n'a pas de comportement par défaut, des gestionnaires d'évènements peuvent lui être rattachés afin d'accomplir certaines actions selon les évènements qui se produisent.
value
La valeur initiale du bouton.

Exemples

HTML

<input type="button" value="Cliquez ici">

Résultat

Spécifications

Spécification État Commentaires
WHATWG HTML Living Standard
La définition de '<button>' dans cette spécification.
Standard évolutif  
HTML5
La définition de '<button>' dans cette spécification.
Recommendation  
HTML 4.01 Specification
La définition de '<button>' dans cette spécification.
Recommendation  

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple 1.0 1.0 (1.7 ou moins) (Oui) (Oui) (Oui)
Attribut formenctype 9.0 4.0 (2.0) 10 10.6 ?
Attribut formmethod 9.0 4.0 (2.0) 10 ? ?
Attribut autofocus 9.0 4.0 (2.0) 10 9.6 5.0
Attribut formaction 9.0 4.0 (2.0) 10 ? ?
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple (Oui) 1.0 (1.0) (Oui) (Oui) (Oui)
Attribut formenctype ? 4.0 (2.0) ? ? ?
Attribut formmethod ? 4.0 (2.0) ? ? ?
Attribut formaction ? 4.0 (2.0) ? ? ?

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, marie-ototoi, dreizn, Bat, Goofy
 Dernière mise à jour par : SphinxKnight,