<button>與<INPUT TYPE =「圖像」>

Question

這是針對我的同事已經設計一個很好的圖形「添加到籃」控制。顯然它應該產生一個post請求，這個簡單的超鏈接是不會做的。

亞馬遜實現使用圖像輸入它。但是，什麼是

<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>去<input type="image">所以你不需要處理IE的怪癖。

Answer 2

輸入類型=「圖像」支持「禁用」屬性，瀏覽器會將圖像變灰。使用Type = Button時，您必須提供備用的灰色圖像。