HTML正确的方式使图像充当按钮而不提交

时间:2013-01-25 02:11:13

标签: javascript html

我需要放一个用作按钮的图像,它会将您带回一个屏幕。我已经写了以下内容以回到上一个屏幕:

<input type="image" src="../../img/button_cancel_gray.gif" type="button" onclick="history.go(-1);"/>

哪个有效,除了它还提交表格。我需要它来阻止提交表格。

另一方面,我试图将图像包裹在按钮内。

这个也可以,但现在它显示了图像外部按钮的默认边框,这使它看起来很丑。

那么如何使图像作为一个按钮运行onclick但不提交表单?

1 个答案:

答案 0 :(得分:4)

使onclick事件返回false,这将阻止表单提交。

onclick="history.go(-1);return false;"