html提交表單中input image和img

利用圖片提交表單有兩種方式:

1.<input type="image" src="xxx.gif" >
此圖片會自動對Form表單進行提交,即爲type="submit" 若提交前要進行判斷、檢驗則用
<input type="image" src="xxx.gif" οnclick="return dosubmit();">
   但是用這種方式提交會發生表單提交兩次的現象,經常會造成表單元素被重複提交,數據庫被寫入異常!!
    尤其是用IE問題比較嚴重,用火狐的話還不會報錯!此時注意,要把數據庫設置爲同一信息要唯一!

  原因::HTML 中 image的描述是“創建一個圖像控件,該控件單擊後將導致表單立即被提交”。

2.<img alt="提交" src="xxx.gif" οnclick="return dosubmit();" style="cursor:pointer;">
  這種方式提交是正常的沒有問題, 效果和上面是一樣的。所以,請少用第一種方式提交數據尤其是在struts的應用中

注意:css:  cursor:hand只能被IE識別,火狐是不能識別的。而pointer則可以兼容!
注!無論哪種方式提交都在包含在<form></form>之間,否則,提交無效

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章