Qu'est-ce que < input type = & # 8220; image & # 8221; / > généralement utilisé pour?

StackOverflow https://stackoverflow.com/questions/1630871

  •  06-07-2019
  •  | 
  •  

Question

J'ai cliqué dessus et le formulaire est soumis, accompagné d'une chaîne de requête ajoutée comme à l'URL ciblée par l'action du formulaire.

Pourquoi?

Était-ce utile?

La solution

Il se comporte comme un mini imagemap. C'est par conception.

Autres conseils

Les valeurs x et y sont les coordonnées du pointeur de la souris par rapport à l'élément lorsque vous cliquez dessus.

Extrait du HTML Spécification 4.02 :

  

Lorsqu'un périphérique de pointage est utilisé pour cliquer sur l'image, le formulaire est envoyé et les coordonnées du clic sont transmises au serveur. La valeur x est mesurée en pixels à partir de la gauche de l'image et la valeur y en pixels à partir du haut de l'image. Les données soumises comprennent nom.x = valeur x et nom.y = valeur y où " nom " est la valeur de l'attribut name, et x-value et y-value sont les valeurs des coordonnées x et y, respectivement.

  

IMAGE est une valeur d'attribut TYPE associée à l'élément INPUT pour les FORM. Il spécifie une image sur laquelle il est possible de cliquer pour transmettre des informations au script de traitement. Dans l'implémentation, ce formulaire TYPE agit un peu comme le champ INPUT TYPE = SUBMIT, mais contrairement au champ SUBMIT, les coordonnées de l'image activée sont renvoyées au serveur en plus du reste des données du formulaire.

from eskimo.com

IE et Firefox créeront des variables différentes lors de la soumission à partir d'un bouton de soumission d'image. Mon conseil est de ne pas compter sur leur présence dans le traitement de votre formulaire. Si vous devez (pour déterminer lequel de plusieurs boutons a été enfoncé), vous devrez vérifier la présence de plusieurs variables.

  

Je vais vous donner trois hypothèses sur le navigateur qui est à l'origine du problème et les deux premières ne comptent pas. Si vous avez un bouton d'image

<input type="image" name="restore" value="Restore" src="...">
     

lorsque l'utilisateur clique dessus, Mozilla renverra les valeurs

     

restore = Restaurer

     

restore_x = nombre de pixels du haut de l'image

     

restore_y = nombre de pixels du bord gauche de l'image

     

IE, cependant, ne ne renverra pas la clé / valeur du modèle de restauration = Restaurer. Donc, vous pouvez être attrapé si vous développez dans un navigateur, puis testez dans IE, car

isset(

IE et Firefox créeront des variables différentes lors de la soumission à partir d'un bouton de soumission d'image. Mon conseil est de ne pas compter sur leur présence dans le traitement de votre formulaire. Si vous devez (pour déterminer lequel de plusieurs boutons a été enfoncé), vous devrez vérifier la présence de plusieurs variables.

  

Je vais vous donner trois hypothèses sur le navigateur qui est à l'origine du problème et les deux premières ne comptent pas. Si vous avez un bouton d'image

<input type="image" name="restore" value="Restore" src="...">
     

lorsque l'utilisateur clique dessus, Mozilla renverra les valeurs

     

restore = Restaurer

     

restore_x = nombre de pixels du haut de l'image

     

restore_y = nombre de pixels du bord gauche de l'image

     

IE, cependant, ne ne renverra pas la clé / valeur du modèle de restauration = Restaurer. Donc, vous pouvez être attrapé si vous développez dans un navigateur, puis testez dans IE, car

<*>      

renverra toujours faux dans IE, mais fonctionnera comme prévu dans Mozilla (et probablement Opera, mais je ne le sais pas par coeur).

  • D'après un message publié sur le forum 2004 de webmasterworld.com, je viens de chercher sur Google
POST['restore'])
     

renverra toujours faux dans IE, mais fonctionnera comme prévu dans Mozilla (et probablement Opera, mais je ne le sais pas par coeur).

  • D'après un message publié sur le forum 2004 de webmasterworld.com, je viens de chercher sur Google

Ce sont les coordonnées sur lesquelles vous avez cliqué sur une image, une propriété de l’image " image " type de contrôle d'entrée. Vous pouvez les ignorer si vous n'en avez pas besoin.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top