2、合理的運用圖片，能夠使站點更加豐富多彩，相信有許多喜歡用圖片的設計師都遇到過壹個問題：用圖片實現表單(form)的重置(reset)按鈕時，這個按鈕並不能重置表單，相反卻執行了提交表單的操作，本文說明了這個問題的原因，並給出了相應的解決方案。
3、出現上述問題的原因主要是：普通的按鈕是通過類型來區分的，submit 為提交按鈕，reset 為重置按鈕，而類型為圖片(type="image")的按鈕，其默認操作是提交表單。因此，如果想用圖片實現重置按鈕，就需要壹些額外的設置了。
4、如果想用圖片代替重置按鈕，可以用下面的方法：（1）給 type 為 image 的 input 添加onclick事件來實現重置，並通過添加 return false 來避免默認的提交操作：<form method="post" name="testForm_2" action="">， <p><input type="text" name="keyword" /></p>， <input type="image" src="send.gif" />， <input type="image" src="reset.gif" ，nclick="javascript:document.forms['testForm_2'].reset(); return false;" /></form>document.forms['testForm_2'].reset(); 是將名稱為 testForm_2 的表單重置。return false; 是防止提交表單。
5、直接用圖片模擬的重置按鈕
<form method="post" name="testForm_3" action="">
<p><input type="text" name="keyword" /></p>
<input type="image" src="send.gif" />
<imgsrc="reset.gif" alt="Reset" onclick="javascript:document.forms['testForm_3'].reset();" style="cursor:pointer;" />
</form>
document.forms['testForm_2'].reset(); 是將名稱為 testForm_2 的表單重置。style="cursor:pointer;" 設置圖片懸停時，顯示手型光標。兩種方法大同小異，在javascript被禁止的情況下，第二種方法按鈕不會執行任何操作，而第壹種方法卻會執行提交操作。