<input type ="button">

L'élément HTML <input type="button">est une version spécifique de l'élément <input> utilisé pour créer un bouton cliquable sans valeur par défaut.

Les navigateurs génèrent un contrôle pour un bouton cliquable sans valeur par défaut. Le bouton peut avoir n'importe quelle étiquette. Le contrôle lui-même varie d'un navigateur à un autre.

Attributs

Cet élément peut avoir n'importe quel attribut global en plus des suivants :

disabled

Ce booléen indique que l'utilisateur ne peut pas intéragir avec le bouton. Si il n'est pas spécifié, le bouton hérite de ce paramètre depuis l'élément le contenant, par exemple un <fieldset> ; si il n'y a pas d'élément conteneur avec l'attribut disabled de défini, alors le bouton est activé. La valeur d'un bouton désactivé n'est pas envoyée avec le formulaire et l'évènement click new sera pas déclenché on disabled controls.

Firefox, contrairement aux autres navigateurs, va par défaut persister l'état désactivé dynamique d'un <button> à travers les chargements de pages. Utilisez l'attribut autocomplete pour contrôler cette fonctionnalité.

autofocus HTML5
Cet attribut booléen vous permettra de spécifier si le bouton devra avoir le focus lors du chargement de la page, à moins que l'utilisateur ne le change, par exemple en écrivant dans un autre contrôle. Seulement un élément associé au formulaire peux avoir cette attribut spécifié.
autocomplete
L'usage de cet attribut sur un <button> n'est pas standard et spécifique à Firefox. Par défaut, contrairement aux autres navigateurs, Firefox persiste l'état désactivé dynamique d'un <button> à travers les différentes pages. Définir la valeur de cet attribut à off (ainsi : autocomplete="off") désactivera cette fonctionnalité.
form HTML5
L'élément formualire avec lequel est associé le bouton (son formulaire posseseur). La valeur de l'attribut doit être l'attribut id d'un élément <form> dans le même document. Si cet attribut n'est spécifié, l'élément <button> doit être un descendant d'un élément formulaire. Cette attribut vous permet de placer un élément <button> n'importe où dans un document, et non uniquement dans un élément <form>.
formenctype
Depuis que l'élément input est un bouton d'envoi, l'attribut formenctype spécifie le type de contenuqui est utilisé pour envoyer le formulaire au serveur.Les valeurs possibles sont :
  • application/x-www-form-urlencoded : La valeur par défaut si l'attribut n'est pas spécifié.
  • multipart/form-data : Cette valeur est utilisée si un élément <input> est utilisé avec l'attribut type défini à file.
  • text/plain

Si cet attribut est spécifié, il remplace l'attribut enctype de l'élément formualire parent.

formaction HTML5
L'URI à laquelle le programme traitera l'information envoyé par le bouton. Si cet attribut est spécifié, il remplace l'attribut action du formulaire parent.
formmethod
Depuis que l'élément input est un bouton d'envoi, l'attribut formmethod spécifie la méthode HTTP que le navigateur doit utiliser pour envoyer le formulaire. Les valeurs possibles sont :
  • post : Les données du formulaire sont inclues dans le corps du formulaire et sont envoyés au serveur.
  • get : Les données du formulaire sont ajoutés attribut d'URI form, avec un '?' en tant que séparateur, et l'URI résultante est envoyée au serveur. Utilisez cette méthode quand le formulaire n'a pas d'effet secondaire et contient uniquement des caractères ASCII.

Si cet attribut est spécifié, il remplacera l'attribut method du formulaire parent.

formnovalidate
Depuis que l'élément input est un bouton d'envoi, l'attribut formnovalidate spécifie si le formulaire est validé lors de son envoi. Si cet attribut est spécifié, il remplace l'attribut novalidate du formulaire parent. C'est un attribut booléen.
formtarget
Depuis que l'élément input est un bouton d'envoi, l'attribut formtarget est un nom ou un mot-clé qui indique où fficher la réponse qui est reçue après l'envoi du formulaire. C'est un nom de, ou un mot-clé pour, un contexte de navigation (par exemple, un onglet, une fenêtre ou un cadre inline). Si cet attribut est spécifié, il remplace l'attribut target du formulaire parent. Les mot-clé suivants ont une signification particulière :
  • _self : Charge la réponse dans le contexte de navigation actuel. C'est la valeur par défaut si l'attribut n'est pas spécifé.
  • _blank : Charge la réponse dans un nouveau contexte de navigation.
  • _parent : Charge la réponse dans le contexte de navigation parent de l'actuel. Si il n'y en a pas, il agit comme _self.
  • _top : Charge la réponse dans le contexte de navigation de niveau supérieur (qui est un contexte de navigation qui est ancêtre de l'actuel et qui n'a pas de parent). Si il n'y a pas de parent, il agit comme _self.
name
Le nom du bouton, qui est envoyé avec les données du formulaire
type
Le type du bouton. Les valeurs possibles sont :
  • submit: Le bouton envoie les données du formulaire au serveur. C'est la valeur par défaut si l'attribut n'est pas spécifié, ou si il est changé dynamiquement pour une valeur vide ou invalide.
  • reset: Le bouton remets tous les contrôles à leurs valeurs initales.
  • button: Le bouton n'a pas de comportement par défaut. Il peux avoir des scripts côté client associés avec les évenements de l'élément, qui sont déclenchés quand l'évenement se produit.
value
La valeur initiale du bouton.

Examples


<button name="button">Click me</button>
 

Ceci crée un nouveau bouton avec le texte "Click me".

 

Spécifications

Spécification Statut
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é avec les navigateurs

Compatiblité avec les navigateurs
Fonctionnalité Chrome Gecko (Firefox) Internet Explorer Opera Safari
Support basique 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 5.0 4.0 (2.0) 10 9.6 5.0
Attribut formaction 9.0 4.0 (2.0) 10 ? ?
Compatiblité avec les navigateurs mobiles
Fonctionnalité Android Gecko (Firefox Mobile) Internet Explorer Mobile Opera Mobile Safari Mobile
Support basique (Oui) 1.0 (1.0) (Oui) (Oui) (Oui)
Attributformaction ? 4.0 (2.0) ? ? ?
Attributformenctype ? 4.0 (2.0) ? ? ?
Attributformmethod ? 4.0 (2.0) ? ? ?

Voir aussi

Étiquettes et contributeurs liés au document

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