HTML輸入（type = image）在Firefox 4上不工作

<input type="image"value="Delete" title="Delete" name="cmd_delete" src="bin/images/common/delete.png"/>

上述HTML代碼用於我的應用程序中的刪除按鈕。問題在於，此按鈕在Firefox 4中不起作用，但適用於其他瀏覽器。請問我該如何解決這個問題。HTML輸入（type = image）在Firefox 4上不工作

來源

2011-06-19 Yanki Twizzy

@Kon現在固定。 – phihag

@Kon 對不起，我剛剛添加了它 –

什麼不工作？服務器端收到什麼值？ –

你可以使用<button name="cmd_delete" value=""><img src=".."/></button>，而不是輸入。

來源

2011-06-19 12:45:24

你基本上是在濫用<input type="image">有一個背景圖像的按鈕。 <input type="image">代表圖像映射。按鈕上的鼠標位置已發送爲cmd_delete.x和cmd_delete.y參數。但是你對鼠標位置不感興趣。將其替換爲正常的<input type="submit">並使用CSS指定背景圖像。例如。

<input type="submit" name="cmd_delete" class="delete" value="" />

與

input.delete { 
    background-image: url('bin/images/common/delete.png'); 
    width: 20px; 
    height: 20px; 
    border: 0; 
    cursor: pointer; 
}

，並檢查如下

if (isset($_GET['cmd_delete'])) { 
    // Delete button pressed. 
}

來源

2011-06-19 12:43:56 BalusC

您的回答是正確的，但我使用了最後一個答案。謝謝 –

@yan：如果你不想支持IE6，那很好。 – BalusC

嘗試：

<input type="button" class=」button」 value="Delete" title="Delete" name="cmd_delete" /> 

.button{ 
     background: url('bin/images/common/delete.png') no-repeat top; 
}

來源

2011-06-19 12:45:14 Kon

在IE，FF（！和IE6，BalusC）以下工作：

<input type="submit" value="" style="background-image: url('bin/images/common/delete.png');width:262px;height:37px;border:0;cursor: pointer;" />

來源

2011-06-20 11:31:35

我的IE6-fail評論與我自己的答案無關，而是lonut staicu的「最後答案」（目前已被接受）。 – BalusC

只是檢查$ _REQUEST [ 'submit_x']如果將其設置或不爲空。使用輸入類型圖像時，舊瀏覽器不會設置$ _REQUEST ['submit']。不知道爲什麼...

然後，沒有必要將CSS應用到標籤。

來源

2011-06-29 10:58:11 Drake

-1

使用<button name="cmd_delete" value=""><img src=".."/></button>的問題在於您仍然可以看到圖像後面的按鈕。它看起來很可怕。爲什麼這個消極的表決......這是真的，我試過了！

來源

2011-12-10 11:42:29

假設：

<input type="image" name="submit" src="signout.png" />

如果你正在使用PHP，你的代碼

if(isset($_POST['submit']))

改變

if(isset($_POST['submit_x']))`

來源

2013-10-31 16:17:36 user2942250

HTML輸入（type = image）在Firefox 4上不工作

回答

相關問題