如何给html按钮标记一个图像

我想知道是否有办法给HTML按钮标签，

一个图像，这样图像就可以在我的网页上点击。这样，当用户点击图像时，我可以让其他事情发生

这似乎不起作用，我想知道这是否可能

HTML代码-

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

---

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

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

---

通常您不会使用按钮，您可以使用JavaScript将单击事件绑定到图像

---

但是，如果您必须有一个按钮，您可以使用CSS和背景图像属性来设置按钮的样式。

不太确定您想要实现什么，但示例可能会有所帮助

HTML

---

我也有类似的问题，我想我会为将来看到这条线索的任何人放弃这篇文章

据我所知，你并不想要一个按钮，而是一个可点击的图像，作为一个按钮。以下是我所做的：

HTML:

JS:

myFunction（）{
//如果用户单击图像，我希望发生什么
}

---

根据您正在做什么，以及您试图操作什么，本页上的所有示例都将为您提供更好/更差的操作方法。使用

img

标记中的

onclick

事件，可以将变量/信息传递给要使用的函数，然后让函数将其传递给PHP/ASP/等。。同样，如果您正在处理表单，则可以让函数处理信息/提交，而不是表单使用的默认提交。运用你的想象力解决你遇到的问题，并决定哪种方法效果更好。永远不要满足于只学习一种做事的方法

您应该以其他方式使用和绑定事件。您是否尝试过删除宽度和高度时会发生什么情况？我想说这应该行得通，但宽度和高度为10%可能会给你一个非常微小的图像。老帖子-但他所做的工作迫使一个简单的表单按钮需要JS以达到美学目的是不可取的。img标签也不会获得键盘焦点。img标签不会获得键盘焦点

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

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

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

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script>
 $("#dagger").click(function(){
     // what you wanted your button to do when user clicks it    
 });
</script>

<img src="images/dagger.png" width="10%" height="10%" id="dagger" onclick="myFunction()" />

<script>
 myFunction() {
   // what I want to happen if user clicks image
 }
</script>