图像输入按钮时提交的HTML javascript表单

Question

我有一个包含此单个输入字段的表单，它只不过是打印当前网页的按钮：

<div align="center">
<input type="image" src="../Images/print.jpg" value="Print" onclick="printpage();" /></div>
</div>

打印后，页面重新提交（自身）。为什么会这样做，我可以阻止吗？

如果我只是将类型更改为“input”，则此代码在打印后不会重新提交：

<div align="center">
<input type="input" src="../Images/print.jpg" value="Print" onclick="printpage();" /></div>
</div>

不幸的是，我们的样式约定要求我使用该按钮图像而不是标准输入按钮。

Answer 1

将onclick处理程序更改为onclick="printpage(); return false;" - 除了运行JavaScript之外，这将阻止按钮执行任何操作。

Answer 2

添加'return false;'到你的onClick事件：

onclick="printpage();return false;"

Answer 3

您是否尝试过添加

  

返回false;

代码末尾  因此

<input type="input" src="../Images/print.jpg" value="Print" onclick="printpage();return false;" /></div>