2013-08-05 231 views
1

我想將提交按鈕更改爲圖像,但我需要它的價值是我從數據庫中獲得的。如何提交圖像提交按鈕

<input type="image" src="images/icon_edit.gif" > 
<input name="SID" type="radio" value="<? echo $row['ID']; ?>"> 

我目前有它,所以我必須檢查單選按鈕,然後我可以點擊圖像女巫是提交按鈕。有沒有辦法讓我可以擁有圖像,並且從數據庫中提取數據的價值,所以我不需要在將它發送到下一頁之前檢查單選按鈕?

+0

哪裏是你的代碼提交按鈕? – 2013-08-05 18:49:13

+0

@FakhruddinUjjainwala只要我點擊圖片,它就像提交按鈕 – Cesarg219

+0

那麼你究竟需要什麼?將圖像轉換爲按鈕的代碼在哪裏? – 2013-08-05 18:53:26

回答

2

我會使用CSS設置背景,那麼你可以使用常規輸入[類型=提交],並有您所選擇的價值。

HTML

<input type="submit" value="<? echo $row['ID']; ?>"> 

CSS

input[type=submit] { 
    background:url(images/icon_edit.gif); 
} 

Probs需要將URL更改爲圖像,但另有應該是好去! :-)

+0

上面的代碼中沒有提交按鈕 – 2013-08-05 18:53:53

+1

要引用原始問題「我想將提交按鈕更改爲圖像」 –

+0

這個問題沒有很好解釋......您應該在回答問題之前先澄清問題。 – 2013-08-05 18:57:10

0

使用CSS背景圖片來實現這一

0

可能是這樣

<script type="text/javascript"> 
$(function() { 
    $("#imgSubmitButton").click(function() { 
     $("#formName").submit(); 
    }); 
}); 
</script> 

<form id="formName" name="formName" action="xxx.php" method="post"> 
    <img src="icon_edit.gif" id="imgSubmitButton" style="cursor:pointer"> 
    <input name="SID" type="radio" value="<? echo $row['ID']; ?>"> 
</form> 
0
<button type="submit"> 
<img src="xyz.png" width="50" height="50"> 
</button> 
+2

不推薦使用僅有代碼的答案。請解釋你的答案。 – j08691