JavaScript forma de presentación utilizando una imagen no está funcionando

Question

Tengo una forma que yo quiero usar un IMG, en lugar de un botón de entrada, para enviar el formulario.

El código:

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

Cuando escribo en el campo de entrada y pulse ENTER (en mi teclado), presenta la forma correcta. PERO, si escribo en el campo de entrada y haga clic en mi imagen botón de enviar, no pasa nada.

Alguna idea de por qué mi forma de imagen Javascript presentar no funciona?

Answer 1

Reemplazar esta:

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

Con esta:

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

El uso de Javascript para tener una imagen presente un formulario no es realmente necesario aquí como usted tiene el tipo de entrada de imagen que se comporta como un botón de envío. Esto también hará que el trabajo correctamente y navegación mediante el teclado sea en general mucho más accesible.