javascript - 输入按钮与图像

Question

http://jsfiddle.net/Deron/awnqq/9/

我已将其放在 fiddle 中进行演示。这只是使用表单输入进行简单的加法并呈现结果。这是让我困惑的事情......

接受用户输入的两个选项...

<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"(在 fiddle 中是按钮)脚本就会运行并显示答案，然后清除表格？

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

Answer 1

type=button 不提交表单。 type=image 确实如此。这是基于what type of button gets created according to specifications