假設一個 Form:
<FORM name=”xxx” action="test.php" method="POST" onsubmit="return checkout();">
<input type="text" name="test">
<img src="圖型檔名">
</FORM>
一般美工很喜歡用自己的圖型按鈕，而且程式人員常見的做法就是:
<a href=”javascript:document.xxx.submit();”><img src="圖型檔名"></a>
但是以這種 javascript 的 From submit，並不會啟動 form 的 onSubmit event，這時候 image button 就派的上用場了。
<FORM action="test.php" method="POST" onsubmit="return checkout();">
<input type="text" name="test">
<input type="image" src="圖型檔名">
</FORM>
image button 在使用者點選之後，效用等同於 submit ，也會觸發 onsubmit，對於想使用 onsubmit event 的網頁可謂方便不少。
6 comments On [HTML] 使用圖型按鈕觸發 Form onSubmit Event
有沒有人知道，當我要按右鍵，另存目標
可以讓它自動出現對話框, 而不是顯示圖檔
例如，另存 a.rar的檔案，自動帶出對話框
若是另存 a.jpg， 就會在網頁上秀出，
無意中發現這個地方,呵….真是個好所在!讓我整個下午都在觀看這裡的文章…天啊..原來這裡這麼有名!
以後要常來^_^
噗
yesyoudo:
a.rar、a.jpg? 看不太懂耶??
惠治:
哈哈，多謝誇獎，這裡應該沒什麼大名氣啦，不過歡迎你常來喔~^^
NEO你太客氣了..
像你這樣堅持不斷寫文章來跟網友分享的部落客總會開花結果的
就像數位之牆的黃先生一樣
有朝一日都會在部落圈占下一席之地
像我因為忙竹科的辦公室規劃
已經停筆三個月了…金害
得跟你借點毅力來用用才對~呵呵
迷路羅盤:
哈哈，寫 Blog 只是個人喜好，沒想太多。^^
加上我最近工作也忙翻了，有空也來幫我規畫一下辦公室吧，真是亂的可以了。Orz