画像を使用して提出JavaScriptのフォームが動作しません

Question

私はフォームを送信するために、代わりに入力ボタンの、IMGを使用したいFORMを持っています。

コード

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

私は、入力フィールドに入力し、Enterキー（私のキーボードで）入力すると、フォームが正常に送信されます。私は、入力フィールドに入力し、自分の画像が送信ボタンをクリックする場合は、何も起こりません。

私のJavascriptの画像形式が提出理由として任意のアイデアは動作しません？

Answer 1

これを置き換えます：

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

これによります：

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

の画像がフォームを送信してもらうためにJavaScriptを使用して、あなたが送信ボタンとして動作し、画像入力タイプを持っているように、ここで本当に必要ではありません。これはまた、キーボードナビゲーション作業を適切に行い、はるかにアクセス全体的になります。