Html 输入类型图像与带有背景图像的按钮

在需要图像按钮的表单中，哪种标记更好： 创建

并将图像添加为源，或创建按钮元素并使用CSS将图像添加为背景

到目前为止，我一直使用带有背景图像的按钮，这是很少使用的

按钮。

---

对移动设备更友好。但现在我在想，如果该图像被意外地从服务器上删除，该怎么办？带有背景图像的按钮将不可见，但如果图像被删除，输入类型图像可以使用该值作为回退。

创建按钮并向其添加背景将使您在设置其样式时具有更大的灵活性。

HTML5规范有点模糊：

input

元素表示用户可以从中选择坐标并提交表单的图像，或者表示用户可以从中提交表单的按钮

我认为

type=image

input

元素的预期用途是选择图像上的坐标，但是我猜随着时间的推移，这被误用了，现在被接受为仅具有图像背景的输入元素。但是，在这两种情况下，它都说明此按钮的预期用途是提交表单

简言之：

如果不希望提交表单或选择图像上的坐标，请使用

元素

如果其预期效果是允许用户选择图像上的坐标，请使用

元素

如果它的预期效果是提交表单，那么使用其中一种——这是个人偏好（我自己会使用

）

---

你应该试试背景按钮。这里有一个例子

按钮{背景：url(http://www.used-car.com.au/images/small%20green%20button.jpg)；高度：70px；宽度：70px}