0

我有一个表格,我想使用 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 图像表单提交不起作用的任何想法?

4

1 回答 1

5

替换这个:

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

有了这个:

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

在这里使用 Javascript 来让图像提交表单并不是真正必要的,因为您拥有充当提交按钮的图像输入类型。这也将使键盘导航正常工作并且整体上更易于访问。

于 2009-07-14T06:05:04.253 回答