JavaScript modulo di presentazione utilizzando un'immagine non funziona

Question

Ho una forma che voglio utilizzare un IMG, invece di un tasto di ingresso, per inviare il modulo.

Il codice:

<form>
    <input class="form_grey" value="Enter in City or Zipcode" type="text" id="city-field" name="city" onfocus="this.value='';" />
    <a href="javascript:document.form.submit()"><img src="/images/btn.png" /></a>               
</form>

Quando digito nel campo di inserimento e premere Invio (sulla tastiera), il modulo invia correttamente. MA, se digito nel campo di immissione e fare clic su mia immagine pulsante di invio, non succede nulla.

Tutte le idee sul perché la mia forma di immagini Javascript presentare non funziona?

Answer 1

Sostituire questa:

<a href="javascript:document.form.submit()"><img src="/images/btn_search_listings.png" /></a>  

Con questa:

<input type="image" src="/images/btn_search_listings.png" />

Utilizzando Javascript per avere un'immagine presentare una forma non è realmente necessario qui come avete il tipo di input di immagine che si comporta come un pulsante di invio. Questo sarà anche rendere il lavoro navigazione da tastiera correttamente ed essere nel complesso molto più accessibile.