2013-02-14 18 views
0

使用圖像我想提交一個表單到數據庫的形式,我想使用精靈形象,而不是常規的提交按鈕.. 這裏是我使用如何提交在PHP

圖像
<div class="cancel"> 
    <a href="#" id='cancel_btn' name=''><img src="../images/img_trans.gif"></a> 
</div> 

<div class="save_and_new"> 
    <a href="#" id='save_and_new_btn' name=''><img src="../images/img_trans.gif"></a> 
</div> 

<div class="save_and_quit"> 
    <a href="#" id='save_and_quit_btn' name=''><img src="../images/img_trans.gif"></a> 
</div> 

if(isset(......)){ 

} 

我不知道要在isset函數中放什麼...... 我是否需要爲圖像設置名稱?或者是什麼?

+1

你可以使用JavaScript的'form.submit()' – asprin 2013-02-14 13:14:20

+0

如何做到這一點?我仍然是一個新手:\ – Devstar 2013-02-14 13:15:38

回答

0

您需要使用javascript。

查找必須提交的表單。然後將操作添加到每個元素。當他們被點擊時,您正在提交(或取消)表單。

1

你可以在JQuery中做到這一點。試試這個,

$("#save_and_new_btn").click(function() { 

    $("#form").submit(); 

}); 

#form是形式

1

的ID一般情況下,當用戶按下一個按鈕提交表單提交。但是,有時候,您可能需要使用JavaScript以編程方式提交表單。

JavaScript提供了包含submit()方法的表單對象。使用表單的'id'來獲取表單對象。

例如,如果您的窗體的名稱是「myForm的」,對於提交調用JavaScript代碼:

document.forms["myform"].submit(); 

但是,如何識別一個形式?給在表單標籤

<form id='myform' action='formmail.pl'> 

這裏的id屬性是代碼提交表單在單擊超鏈接時:

<form name="myform" action="handle-data.php"> 
Search: <input type='text' name='query' /> 
<a href="javascript: submitform()">Search</a> 
</form> 
<script type="text/javascript"> 
function submitform() 
{ 
    document.myform.submit(); 
} 
</script> 

來源:How to Submit a Form Using JavaScript

+0

+ 1用簡單的術語來表達。幫助初學者。 – asprin 2013-02-14 13:18:03

+0

謝謝,我會嘗試並給你我的反饋。 – Devstar 2013-02-14 13:49:32

4

你可以只使用

<input type="image src="/your/button/image/here.gif" /> 

而不是嵌套在錨內的圖像。

唯一的問題是你不能直接感覺到哪個按鈕被按下,因爲<input type="image" />沒有發佈一個值。如果你真的需要多交的按鈕,還張貼值:

<button name="button" value="action1"><img src="/your/image/here.gif" alt="action 1" /></button> 
<button name="button" value="action2"><img src="/your/image/here.gif" alt="action 2" /></button> 
+1

請注意,不需要JavaScript – Kris 2013-02-14 13:21:36

+0

+1最簡單的解決方案。 – jeroen 2013-02-14 13:28:42

+0

請注意,如果你給'type =「image」'輸入一個名字,你將得到x和y座標點擊'$ _REQUEST'中按下的按鈕(無論OP使用什麼...) – jeroen 2013-02-14 13:39:25