Qu'est-ce que < input type = & # 8220; image & # 8221; / > généralement utilisé pour?
Question
J'ai cliqué dessus et le formulaire est soumis, accompagné d'une chaîne de requête ajoutée comme
Pourquoi?
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).
POST['restore'])
- D'après un message publié sur le forum 2004 de webmasterworld.com, je viens de chercher sur Google
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.