我需要创建一个仅由图像组成的简单按钮，当用户单击它时将打开一个 JQuery 对话框。
我正在阅读并注意到许多解决方案:<button> , <image>用<a> , 使用 CSS 修改按钮背景等...
这很令人困惑，实现我的图像按钮的正确方法是什么？
谢谢。
附注:按钮/图像应该是可聚焦的。欢迎使用 JSFiddle 示例。
最佳答案
正确的方法在很大程度上取决于在 JavaScript 不可用时按钮将执行的操作。
如果您要提交表单，那么:
<button> <img src="..." alt="..."> </button>
如果您要转到某个 URL，则:
<a href="..."> <img src="..." alt="..."> </a>
如果你什么都不做(通常不是一个好主意，你应该遵循 Progressive Enhancement 和 Unobtrusive JavaScript 的原则，但如果你首先只用 JavaScript 生成按钮并且丢失到用户是方便而不是基本功能):
<button type="button"> <img src="..." alt="..."> </button>
然后您将 JavaScript 绑定(bind)到表单的提交事件或按钮/ anchor 的点击事件和 prevent the default behaviour因此，如果 JavaScript 成功执行，则不会提交表单/不会访问链接。
关于javascript - HTML/JS : Confused about method to create an image button，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14140209/