我有一个表单,我想使用 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 图像表单提交不起作用有什么想法吗?
最佳答案
替换这个:
<a href="javascript:document.form.submit()"><img src="/images/btn_search_listings.png" /></a>
这样:
<input type="image" src="/images/btn_search_listings.png" />
这里并不需要使用 Javascript 让图像提交表单,因为您拥有充当提交按钮的图像输入类型。这也将使键盘导航正常工作并且整体上更易于访问。
关于使用图像提交 JavaScript 表单不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1123682/