html表單提交事件

2021-08-27 14:37:41 字數 473 閱讀 9195

在網頁中乙個form裡的輸入框中按回車有時會觸發表單事件,有時不觸發,以下是觸發的各種情形

1、如果表單裡有乙個type="submit"或type="image"的按鈕,回車鍵生效。

2、如果表單裡面只有乙個type="text"的input,不管按鈕是什麼type,回車鍵生效。

3、如果按鈕不是input,而是用button,並且沒有加type,ie下預設為type=button,fx預設為type=submit。

4、其它表單元素如textarea、select不影響,radio checkbox不影響觸發規則,但本身在fx下會響應回車鍵,在ie下不響應。

實際應用的時候,要讓響應回車鍵很容易,保證表單裡有個type="submit"的按鈕就行。而當只有乙個文字框又不希望響應回車鍵怎麼辦呢?我的方法有點奇怪,就是再寫乙個無意義的文字框。根據第三規則,我們在用button的時候,盡量用input用type="button"宣告以使瀏覽器表現一致。

html表單提交

用來收集資訊 form中的屬性 action 提交的路徑 method get post提交表單的方式 標籤type屬性的不同的值所表示的含義 text 文字框 value表示文字框中的值 readonly表示唯讀,可以寫readonly或true disable表示標籤不可用,可以寫disable...

HTML5 表單提交

html5的確是大勢所趨 現在就來說下html 5 當你看到你的頁面標頭是這樣 證明是h5咯 以往的頁面開頭總是很長 現在簡單多了 charset utf 8 這個是編碼格式咯 或者是別的這時候就說說 吧 action 提交位址 method get post onsubmit return che...

html禁止表單自動提交

測試網頁時,發現網頁每次都會自動提交,發出請求。經過查詢和測試,發現是form表單會自動提交,從而導致頁面自動重新整理。然後就找到了下面的方法。在form表單的提交中我們往往要阻止表單的自動提交,阻止頁面自動重新整理,運用ajax非同步獲取資料動態重新整理頁面的效果,下列有兩種辦法 1.直接在htm...