3

我有一个图像作为按钮..我想在点击时禁用图像...我该怎么做?

<input type="image" src="someimage.png" height="20px" width="20px"  name="button" />
4

3 回答 3

5

html(添加 id):

<input id="btn" type="image" src="someimage.png" height="20px" width="20px"  name="button" />

js:

document.getElementById("btn").onclick = function(){
  this.disabled = true
}

http://jsfiddle.net/Dtgb4/

或者你可以添加属性onclick="this.disabled = true"

更新评论:

您可以使用 CSS 规则:disabled来设置禁用按钮的样式

http://jsfiddle.net/Dtgb4/1/

PS 伪类:仅对现代浏览器禁用(不适用于 IE8-)。

于 2013-07-29T20:14:01.193 回答
1

除非您有特定理由使用输入类型,否则不应将其用于图像。

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

使用图像类型,并且没有 onclick 处理程序。

于 2013-07-29T20:20:19.893 回答
0

您可以使用

<button height="20px" width="20px"  name="button"><img src="someimage.png"/></button>

现在您可以像平常一样禁用按钮

于 2013-07-29T20:34:21.790 回答