使用圖像代替實際收音機輸入的好處

亞馬遜可以使用無線電輸入圖像而不是實際的<input type="radio" />有什麼優勢？這可能是瀏覽器兼容性解決方案嗎？使用圖像代替實際收音機輸入的好處

radio button

HTML for "button"

我從未見過<input type="image"... />或者（代碼的第二行）。圖像如何成爲輸入？

而我扔在JavaScript標籤，因爲這是什麼被用來更新他們的狀態。

來源

2013-06-26 1252748

無線電輸入在不同的瀏覽器中很難保持一致的風格，但圖像在任何地方看起來都差不多。圖像輸入與正常提交或按鈕相同。 – dandavis

'type =「image」'是合法的（http://www.w3.org/TR/html5/forms.html#attr-input-type-image-keyword），但不一定按照原來的意圖在這裏使用。 – apsillers

使用圖像純粹是爲了樣式一致性，因爲樣式輸入非常難以維護跨瀏覽器。此外，此特定輸入不是單選按鈕的確切替代，而是亞馬遜正在使用image submit button來收集用戶選擇的內容。很有可能，一旦你點擊其中一個選項，就會提交一個表單或觸發其他功能。

來源

2013-06-26 18:11:19

這是一種常見的做法嗎？我只注意到它，因爲圖像的分辨率很低。也許這是一個好習慣。我嘗試過使用自定義的CSS/JavaScript收音機，它總是有點煩人。 – 1252748

我不會說這是常見的做法，因爲我不經常看到它。事實上，我唯一能從腦海裏回想起的案例來自亞馬遜。我不確定它是否只是他們在開發過程中使用的常量，但我知道亞馬遜發送的支持調查電子郵件中包含「表單」，它們的單選按鈕實際上只是包含鏈接的圖像。他們看起來完全像這些收音機。也許他們只是在製作這種單選按鈕樣式時全面使用圖像。 –

他們使用圖像，因爲他們確切地知道它將如何在所有瀏覽器上呈現，並且幾乎沒有差異。

來源

2013-06-26 18:07:42

通過使用自定義圖像，減少了跨瀏覽器的不兼容性。

因此，例如，當他們有一位客戶在手機上時，他們無需瞭解與Google Chrome相比，Internet Explorer中按鈕的外觀。

來源

2013-06-26 18:15:53 1234567

使用圖像代替實際收音機輸入的好處

回答

相關問題