输入按钮与图像
Input Button v. Image
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"(在小提琴中它是按钮(,脚本会运行,显示答案,然后清除表单?
为什么在一种情况下它停在显示屏上,而在另一种情况下,它继续帮助清除答案?
type=button
不提交表单。 type=image
确实如此。 这是基于根据规范创建的按钮类型
改用这个来覆盖图像顶部的按钮: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>
相关文章:
- 从Web服务器下载图像按钮单击使用JavaScript
- 一个具有两个图像按钮的表单在只能按下一个按钮的情况下发送两个按钮值
- Javascript:图像按钮
- 如何通过单击图像按钮打开图像
- 安卓应用程序的“共享图像”按钮
- 当有人单击图像/按钮时打开弹出窗口
- 如何创建激活jQuery/js函数的图像按钮
- AngularJs 单击以切换表格中的图像按钮 src
- 用不同的图像/按钮替换图像 - javascript
- 悬停时无法显示图像按钮的工具提示项
- 带有下载图像按钮的灯箱
- 在少数几个选择上制作图像按钮
- 从 cs 页面更改图像按钮集的光标
- 提交图像按钮的焦点在IE 8中未突出显示
- 如何动态地将图像按钮和 OnClick 侦听器添加到 300+ 图像
- 重写:导航链接图像按钮效果
- 按百分比调整大小的图像按钮
- 具有多个覆盖和图像按钮的Flowplayer
- 将图像按钮转换为提交按钮
- 如何在javascript中使用html将图像按钮添加到链接中