MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

<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.

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
Cet attribut est un nom ou un mot-clé qui indique l'emplacement où doit être affichée la réponse reçue après l'envoi du formulaire. Cette valeur correspond à un contexte de navigation (c'est-à-dire un onglet, une fenêtre ou une iframe). Si cet attribut est utilisé, il surcharge la valeur de l'attribut target du formulaire associé. Les mots-clés suivants ont un sens particulier :
  • _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, anonyme.
  • _parent : la réponse est chargée dans le contexte de navigation parent. S'il n'y a aucun contexte parent, l'option se comportera comme _self.
  • _top : la réponse est chargée dans le contexte de navigation de plus haut niveau (celui qui est un ancêtre du contexte courant et qui n'a pas d'ancêtre). S'il n'y a aucun contexte parent, cette option se comportera comme _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 État
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 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 n'envoie que les coordonnées x et y lors du clic et plus le couple nom/valeur de l'élément 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,