输入按钮v。图像

时间:2013-06-20 23:13:40

标签: javascript html forms input

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”(在小提琴中它是按钮)脚本运行,显示答案,然后清除表格?

为什么在一个案例中它停在显示屏上,另一个案例继续帮助清除答案?

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分: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>