禁用输入类型=＆＃34;图像＆＃34;作为按钮

Question

我有一个图像作为按钮..我想禁用图像onclick ...我该怎么做？

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

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。伪类：仅对现代浏览器禁用（不适用于IE8 - ）。

Answer 2

除非您有特定原因要使用输入类型，否则不应将其用于图像。

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

使用图像类型，而不使用onclick处理程序。

Answer 3

您可以使用

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

现在您可以正常禁用按钮