画像を使用して送信するJavaScriptフォームが機能しない

Question

フォームを送信するために、入力ボタンの代わりにIMGを使用するフォームがあります。

コード：私は、入力フィールドに入力し、Enterキー（私のキーボードで）入力すると

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

、フォームが正常に送信されます。しかし、入力フィールドに入力して画像送信ボタンをクリックしても、何も起こりません。

私のJavascriptイメージフォームの送信がなぜ機能しないのかに関するアイデアはありますか？

Answer 1

これを置き換えます。これにより

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

：イメージは、あなたが提出するように動作する画像入力タイプを持っているように、フォームはここで本当に必要ではありません提出持つようにJavaScriptを使用して

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

ボタン。これにより、キーボードのナビゲーションが適切に行われ、全体的にアクセスしやすくなります。