0

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

我把它放在一个小提琴中来演示。这只是使用表单输入并呈现结果的简单添加。这是让我感到困惑的事情......

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

<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" （在小提琴中是按钮）脚本运行，显示答案，然后清除表格？

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

4

2 回答 2

2

type=button不提交表格。 type=image做。这取决于根据规范创建的按钮类型

于 2013-06-20T23:16:52.027 回答
0

使用它来覆盖图像顶部的按钮：http: //jsfiddle.net/awnqq/15/

或者，您可以制作一个包含图像的 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>
于 2013-06-20T23:28:11.880 回答