使用<img>标簽實作表單送出

【轉載】 如何使用圖檔實作表單的送出按鈕功能  

首先用圖檔代替送出按鈕submIT和重置按鈕reset，并給圖檔加onclick事件

<script language="javascript">

function fsubmit(obj){

obj.submit();

}

function freset(obj){

obj.reset();

</script>

<form id="form1" name="form1" method="post" action="login.asp">

姓名： <input type="text" name="textfield" />

<img src="uploads/200707/30_145425_001.jpg" onClick="javascript:fsubmit(document.form1);">

<img src="uploads/200707/30_145428_002.jpg" onClick="javascript:freset(document.form1);"> 

</form>

2、給1的圖檔加上style，用于彌補方法1滑鼠移到圖檔上無反應，未能給客戶好的浏覽體驗

<img src="uploads/200707/30_145425_001.jpg" style="cursor:hand;" onClick="javascript:fsubmit(document.form1);">

<img src="uploads/200707/30_145428_002.jpg" style="cursor:hand;" onClick="javascript:freset(document.form1);"> 

3、用圖檔代替送出按鈕submit和重置按鈕reset，并加上連結，效果同2

<a href="javascript:fsubmit(document.form1);"><img src="uploads/200707/30_145425_001.jpg" border="0" /></a>

<a href="javascript:freset(document.form1);"><img src="uploads/200707/30_145428_002.jpg" border="0" /></a>