使用图片提交的JavaScript表单无效

Question

我有一个FORM,我想使用IMG而不是输入按钮来提交表单.

代码:

<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来提交图像并不是必需的,因为您具有表现为提交按钮的图像输入类型.这也将使键盘导航正常工作,并且整体上更容易访问.