Image 带有html5的图像按钮

我正在尝试制作一个图像按钮。我正在使用/学习html5和jquery mobile。这是我的示例代码：

<img src="img/beer.png" alt="beer" />
<input type="image" src="img/beer.png" />

显示图像，但输入类型不显示图像。我做错了什么？

这对我有用…你有没有其他可能会干扰的代码？CSS可能吗？

用于收集坐标。如果要将其用作提交按钮，则必须添加一个

onsubmit

-事件，例如

<input type="image" src="img/beer.png" onsubmit="submit();" />

但是您应该使用

-元素，它更灵活。它可以包含文本、图像或两者：

<button type="submit" name="beer" value="beer_btn_was_clicked">
  Here's some optional text,
  <p>which you can even put in a paragraph!</p>

  And you don't even need JavaScript!

  <img src="img/beer.png" />
</button>

这里有一些可选文本，
你甚至可以把它放在一个段落里

你甚至不需要JavaScript！

---

编辑（2016-02-12） 截至今天*，上述示例不被视为100%有效，因为

-元素不再被允许在

-元素中使用

根据定义，

-元素中唯一允许的内容类别是所谓的：

短语内容定义文本及其包含的标记。一系列的措辞内容组成了段落

属于此类的元素有

，

，

，

，

，

，

，

，

，

，

，

，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
、
、
和纯文本（不仅仅由空格字符组成）

少数其他元素属于此类，但仅在满足特定条件时：


，如果它只包含短语内容
，如果它是元素的后代
，如果它只包含短语内容
，如果它只包含短语内容
，如果存在itemprop属性
，如果它只包含短语内容
，如果存在itemprop属性

*今天我读到的是关于它的，而不是在引入更改时
当我不使用jquery库时，您的代码正在工作。有人知道我如何在图像中使用button元素并使用像这样的jquery移动库吗？我正在试图找出w3c文档中
button
元素中
img
元素的“合法”和“非法”示例之间的区别。我看到的唯一区别是，在被引用为非法的示例中，“按钮”的内容完全由
img
@user1269964组成。这与图像本身无关，而是与图像有关。因此，不允许在按钮元素中使用img元素的usemap属性。这是button元素中为数不多的内容限制之一（不确定表单是否是button的有效内容）。