<input type="image">

L'élément <input type="image"> est un bouton graphique pour envoyer des données. L'attribut src doit être utilisé afin de définir la source de l'image et l'attribut alt doit être utilisé afin de définir le texte alternatif. Les attributs height et width sont utilisés afin de déterminer la taille de l'image en pixels.

  • Catégories de contenu À compléter.
  • Contenu autorisé Aucun, c'est un élément vide
  • Omission de balises Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
  • Éléments parents autorisés Tout élément acceptant du contenu phrasé.
  • Interface DOM HTMLIFrameElement.

Attributs

Cet élément peut utiliser les attributs universels.

type

formaction HTML5
L'URI d'un programme qui traite les informations envoyés par l'élément input. Elle surcharge la valeur de l'attribut action rattaché à l'élément du formulaire.
formenctype HTML5
Si l'élément envoyé est une image, cet attribut définit le type de contenu utilisé pour envoyer le formulaire au serveur. Les valeurs qu'on peut utiliser sont :
  • application/x-www-form-urlencoded : la valeur utilisée par défaut si l'attribut n'est pas défini.
  • multipart/form-data : la valeur utilisée si l'élément <input> est utilisé avec l'attribut type qui vaut file.
  • text/plain

Si cet attribut est utilisé, il surcharge la valeur de l'attribut  enctype rattaché à l'élément du formulaire.

formmethod HTML5
Pour un élément input image, cet attribut définit la méthode HTTP utilisée par le navigateur pour envoyer les données du formulaire. Les valeurs qu'on peut utiliser sont :
  • post : les données du formulaire sont incluses dans le corps du formulaire et envoyées au serveur.
  • get : les données du formulaires sont ajoutées à l'attribut form  de l'URI derrière un séparateur « ? ». L'URI ainsi construite est ensuite envoyée au serveur. Cette méthode doit être utilisée quand le formulaire n'a pas d'effet de bord et qu'il contient uniquement des caractères ASCII.

Si cet attribut est utilisé, il surcharge la valeur de l'attribut method rattaché à l'élément du formulaire.

formnovalidate HTML5
Cet attribut booléen indique que le formulaire ne doit pas être validé lors de l'envoi. Si cet attribut est utilisé, il surcharge la valeur de l'attribut  novalidate rattaché à l'élément du formulaire.
formtarget HTML5
This attribute is a name or keyword indicating where to display the response that is received after submitting the form. This is a name of, or keyword for, a browsing context (for example, tab, window, or inline frame). If this attribute is specified, it overrides the target attribute of the element's form owner. The following keywords have special meanings:
  • _self: Load the response into the same browsing context as the current one. This value is the default if the attribute is not specified.
  • _blank: Load the response into a new unnamed browsing context.
  • _parent: Load the response into the parent browsing context of the current one. If there is no parent, this option behaves the same way as _self.
  • _top: Load the response into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as _self.
height HTML5
Cet attribut définit la hauteur de l'image affichée pour le bouton.
required HTML5
Cet attribut indique que l'utilisateur doit saisir une valeur avant de pouvoir envoyer le formulaire. Il ne peut pas être utilisé quand l'attribut type vaut image. Les pseudo-classes :optional et :required seront appliquées comme il se doit.
src
Cet attribut définit l'URI indiquant l'emplacement de l'image à afficher sur le bouton.
usemap HTML 4 only, Obsolète depuis HTML5
Le nom d'un élément <map> à utiliser comme carte.
width HTML5
Cet attribut définit la largeur de l'image affichée pour le bouton.

Exemples

HTML

<input type="image" name="image" src="/files/2917/fxlogo.png" width="50">

Résultat

Spécifications

Spécification Statut
WHATWG HTML Living Standard
La définition de '<input type="image">' dans cette spécification.
Standard évolutif
HTML5
La définition de '<input type="image">' dans cette spécification.
Recommendation
HTML 4.01 Specification
La définition de '<form>' 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) 2 or earlier 1.0 1.0
type 1.0 1.0 (1.7 ou moins) 2 1.0 1.0
type=image 1.0 Gecko 2.0 only sends x and y coordinates when clicked, not longer the name/value of the element 2 1.0 1.0
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple (Oui) 4.0 (2.0) (Oui) (Oui) (Oui)
type (Oui) (Oui) (Oui) (Oui) (Oui)
type=image (Oui) (Oui) (Oui) (Oui) (Oui)

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,