按鈕類型=「圖像」不起作用

出現奇怪的情況 - 當我將按鈕的「類型」從「按鈕」更改爲「圖像」時，它停止工作。我在我的網站上做了100次這樣的更改，之前我從未遇到過這個問題。按鈕類型=「圖像」不起作用

相關的代碼如下所示：

//working 
<input type="button" value="Back" onClick="window.location='some/page.php'" /> 

//not working 
<input type="image" src="/link/to/image.png" onClick="window.location='some/page.php'" />

我利用第一代碼，並檢查它轉移到我所期望的網頁進行了測試。然後我簡單地改變了類型，並用相關的「src」替換了「value」。該按鈕顯示正常，但點擊後，我只能返回到原來的頁面上。

真正搞砸我的是代碼的第二部分在我網站的其他部分工作得非常好。只是這個頁面，它沒有處理。

真的很困惑 - 任何人遇到過這個或有任何建議嗎？

來源

2012-10-04 Anthony

您可能已將圖像映射放置在窗體中。當你點擊它時你正在提交表單。

您應該改用常規鏈接。這裏不需要使用圖像映射或JavaScript。

<a href="some/page.php"> 
    <img src="/link/to/image.png" alt="appropriate alternative text goes here"> 
</a>

來源

2012-10-04 05:56:47 Quentin

簡單<img />標籤可以使用背景圖像定位標記also..or onClick事件上 –

圖像講述其中的鏈接進入的用戶。它是內容。背景圖片不合適。 – Quentin

圖像的設計不是交互式控件，所以默認情況下它們不能被聚焦。圖像不應該是某些東西的點擊目標（包含圖像的鏈接很好，鏈接是點擊目標）。 – Quentin

您需要return false從事件處理防止默認動作作爲輸入type=image充當提交按鈕。

可以使用也可以使用，而不是<input />

來源

2012-10-04 06:04:22

按鈕類型=「圖像」不起作用

回答

相關問題