如何给html按钮标记图像

Question

我想知道是否有办法给出HTML按钮标签,<button>一个图像,以便我的网页上的图像可以点击.这样,当用户点击图像时,我可以发生其他事情

这似乎没有用,并且想知道它是否可能

HTML代码 -

<button>
<img src="images/dagger.png" width="10%" height="10%" id="dagger" />
</button>

Answer 1

不太确定你想要实现什么,但也许这个例子有帮助.

HTML

<button>
<img src="http://www.w3.org/html/logo/downloads/HTML5_Logo_32.png" id="dagger" />
</button>

JavaScript的

$(function(){
    $("#dagger").click(function(){
        alert("click");
    }); 
});

Answer 2

您可以将图像设置为按钮背景

button {
    background-image:url('images/dagger.png');
}