禁用input type="image"作为按钮

Question

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

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

- user2605321

---

禁用图像还是输入？你应该点击哪里？ - Sergio

该图像充当按钮。因此，禁用图像最终会禁用输入/按钮。 - user2605321

如果您只是要删除可点击的功能，为什么还要使用“input”？ - user428517

Answer 1

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/

P.S. 伪类 :disabled 仅适用于现代浏览器（不适用于 IE8-）。

- Mihail

---

我的意思是，我希望图像看起来好像被禁用了一样...如果我不提供图像，只是提供输入类型="button"。然后在禁用按钮时，它实际上会显示为禁用状态..我想要那个... - user2605321

添加一个 CSS 规则，当按钮/图像被禁用时，它会使其逐渐变暗。 - Pablo

Answer 2

除非你有特定的理由使用输入类型，否则不应该将其用于图像。

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

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

- v2b

Answer 3

您可以使用

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

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

- rodolfoprado