Javascript 输入按钮v。形象

我把这个放在小提琴里演示。它只是简单的加法，使用表单输入并显示结果。有件事让我很困惑

接受用户输入的两个选项

<input type="button" value="Get Price" onclick="javascript:add();"><br />
<input type="image"   src="http://us.cdn2.123rf.com/168nwm/sqback/sqback0904/sqback090400053/4618216-black-button-isolated-on-white.jpg" onclick="javascript:add();">

为什么如果我使用type=“button”脚本运行并在目标输入中显示结果，但是如果我使用type=“image”（在小提琴中是按钮），脚本运行并显示答案，然后清除表单

---

为什么在一种情况下它会停在显示屏上，而在另一种情况下它会继续帮助清除答案？

type=button

不会提交表单<代码>类型=图像没有。这是基于

使用此按钮覆盖图像顶部的按钮：

或者，您可以使用中的图像创建一个div，并使用一些javascript使其可单击

<button type="button" style="border: 0; background: transparent" onclick="javascript:add();">
    <img src="http://us.cdn2.123rf.com/168nwm/sqback/sqback0904/sqback090400053/4618216-black-button-isolated-on-white.jpg"  alt="submit" />
</button>  

---

您可以从

onclick

属性中删除

javascript:

。只有在将javascript添加到锚定标记（通常没有javascript代码）的

href

属性时，才需要

javascript:

伪协议。事件处理程序属性（总是有JavaScript代码）不需要它。