Che cos'è < input type = & # 8220; image & # 8221; / & Gt; tipicamente usato per?

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

  •  06-07-2019
  •  | 
  •  

Domanda

Ho cliccato su di esso e il modulo è stato inviato, insieme a una stringa di query aggiunta come all'URL targetizzato dall'azione del modulo.

Perché?

È stato utile?

Soluzione

Si comporta come una mini imagemap. Questo è di progettazione.

Altri suggerimenti

I valori x e y sono le coordinate del puntatore del mouse rispetto all'elemento quando si fa clic.

Dal HTML 4.02 specifica :

  

Quando si utilizza un dispositivo di puntamento per fare clic sull'immagine, il modulo viene inviato e le coordinate del clic passate al server. Il valore x viene misurato in pixel dalla sinistra dell'immagine e il valore y in pixel dalla parte superiore dell'immagine. I dati inviati includono name.x = x-value e name.y = y-value dove " name " è il valore dell'attributo name e x-value e y-value sono i valori delle coordinate xey, rispettivamente.

  

IMMAGINE è un valore dell'attributo TYPE all'elemento INPUT per FORM. Specifica un'immagine su cui è possibile fare clic per passare informazioni allo script di elaborazione. Nell'implementazione, questo modulo TYPE si comporta in modo molto simile al campo INPUT TYPE = SUBMIT, ma a differenza del campo SUBMIT, le coordinate dell'immagine che sono state attivate vengono inviate al server in aggiunta al resto dei dati del modulo.

da eskimo.com

IE e Firefox creeranno entrambe variabili diverse quando inviano da un pulsante di invio immagine. Il mio consiglio è di non fare affidamento sul fatto che nessuno di essi sia presente nell'elaborazione del modulo. Se è necessario (per determinare quale di più pulsanti è stato premuto) sarà necessario verificare la presenza di più variabili.

  

Ti darò tre ipotesi su quale browser causi il problema e le prime due non contano. Se hai un pulsante immagine

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

quando l'utente fa clic, Mozilla restituirà i valori

     

restore = Restore

     

restore_x = numero di pixel dalla parte superiore dell'immagine

     

restore_y = numero di pixel dal bordo sinistro dell'immagine

     

IE, tuttavia, non restituirà la chiave / valore di Restore = Restore Template. Quindi puoi essere scoperto se sviluppi in un browser e poi esegui il test in IE, perché

isset(

IE e Firefox creeranno entrambe variabili diverse quando inviano da un pulsante di invio immagine. Il mio consiglio è di non fare affidamento sul fatto che nessuno di essi sia presente nell'elaborazione del modulo. Se è necessario (per determinare quale di più pulsanti è stato premuto) sarà necessario verificare la presenza di più variabili.

  

Ti darò tre ipotesi su quale browser causi il problema e le prime due non contano. Se hai un pulsante immagine

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

quando l'utente fa clic, Mozilla restituirà i valori

     

restore = Restore

     

restore_x = numero di pixel dalla parte superiore dell'immagine

     

restore_y = numero di pixel dal bordo sinistro dell'immagine

     

IE, tuttavia, non restituirà la chiave / valore di Restore = Restore Template. Quindi puoi essere scoperto se sviluppi in un browser e poi esegui il test in IE, perché

<*>      

restituirà sempre false in IE, ma funzionerà come previsto in Mozilla (e probabilmente in Opera ma non lo so dalla cima della mia testa).

  • Da un post sul forum webmasterworld.com del 2004 ho appena cercato su Google
POST['restore'])
     

restituirà sempre false in IE, ma funzionerà come previsto in Mozilla (e probabilmente in Opera ma non lo so dalla cima della mia testa).

  • Da un post sul forum webmasterworld.com del 2004 ho appena cercato su Google

Quelle sono le coordinate su cui hai fatto clic su un'immagine, una proprietà dell '"immagine" tipo di controllo di input. Puoi ignorarli se non ne hai bisogno.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top