怎樣用image來提交form

這次帶給大家怎樣用image來提交form，用image來提交form的注意事項有哪些，下面就是實戰案例，一起來看一下。

程式碼如下:

<form method="post" action="formtest.html" target="_blank" name="formtest"> 
<input type="hidden" name="userid" value="userid"> 
<input type="hidden" name="username" value="username"> 
<input type="image" src="imagesubmit.gif" border="0"> 
</form>

不想使用button提交form，想用好看點的image來提交
那樣寫就會提交兩次了,input本身提交一次,js腳本再提交一次
使用圖片做為提交按紐有以下幾種方法:
1.

<form method="post" action="formtest.jsp"> 
<input type="hidden" name="userid" value="userid"> 
<input type="hidden" name="username" value="username"> 
<input type="image" src="imagesubmit.gif" border="0"> 
</form>

就如樓主自已所寫的,這樣是完全可以的
2. 

<script> 
function formsubmit(){ 
document.formtest.action="formtest.jsp"; 
document.formtest.submit(); 
} 
</script> 
<form method="post" name="formtest"> 
<input type="hidden" name="userid" value="userid"> 
<input type="hidden" name="username" value="username"> 
<img src="imagesubmit.gif" border="0" onclick="formsubmit()"> 
</form>

在混合程式設計經常使用這種方法,如你要提交的參數是隨動態取出的內容變化而改變 

#相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

怎麼實作HTML的仿命令列介面

#html+css+javascript如何實作清單循環捲動

怎麼用按鈕觸發實作背景色的閃爍

以上是怎樣用image來提交form的詳細內容。更多資訊請關注PHP中文網其他相關文章！