html - 与 <input type ="image">

Question

这是一个“添加到购物篮”控件，我的一位同事为此设计了一个漂亮的图形。显然它应该生成一个 post 请求，一个简单的超链接是做不到的。

Amazon 使用图像输入来实现它。但是有什么好处和坏处呢

<input type="image" src="atb.png" alt="Add to Basket" />

对比

<button type="submit"><img src="atb.png" alt="Add to Basket" /></button>

(并使用 CSS 来控制外观)？

我想归结为这些问题:

• 是否所有浏览器，无论是图形浏览器还是非图形浏览器，都成功地完成了使图像输入可通过键盘访问的职责？ (或者，对于无键盘设备，让它们可以通过任何输入方式访问？)

• 哪些浏览器不支持<button> ?

• 各自还有哪些优点/缺点？

• 是否有任何其他可能的方法各有优势(除了忘记它并仅使用普通提交之外)？

Answer 1

它们应该是等价的。出于样式目的，我发现如果您将来更改内容，按钮标签会更加灵活。

但是: IE 有一个错误/功能，其中按钮或输入的值设置为等于 innerHTML。如果您的服务器端代码需要这是一个特定的值，这可能会导致问题。

除非您需要 <button> 的额外样式灵 active 与<input type="image">一起去所以你不需要处理 IE 的怪癖。