La soumission d'un formulaire JavaScript à l'aide d'une image ne fonctionne pas

Question

J'ai un FORM que je veux utiliser pour utiliser le formulaire IMG au lieu d'un bouton de saisie.

Le code:

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

Quand je tape dans le champ de saisie et appuyez sur Entrée (sur mon clavier), la forme présente correctement. MAIS, si je tape dans le champ de saisie et cliquez sur le bouton de soumission d'image, rien ne se passe.

Des idées sur pourquoi mon formulaire d'image Javascript ne fonctionne pas?

Answer 1

Remplacer ceci:

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

Avec ceci:

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

Utilisation de JavaScript pour avoir une image soumettre un formulaire est pas vraiment nécessaire ici que vous avez le type d'entrée d'image qui se comporte comme présenter bouton. Cela permettra également au clavier de fonctionner correctement et d'être beaucoup plus accessible dans l'ensemble.