button與submit的區別

2022-07-11 06:36:11 字數 1068 閱讀 8015

**:

##宣告:

button-普通按鈕,submit-提交按鈕。

submit是button的乙個特例,也是button的一種,它把提交這個動作自動整合了,submit和button,二者都以按鈕的形式展現,看起來都是按鈕,所不同的是type屬性和處發響應的事件上。

##使用場景:

這裡說的部分使用場景,並不是只能用一種,只是說,在這種場景下使用更加方便,程式設計師工作量小。

場景submit

button

網頁上需要提交資訊到伺服器

√網頁上執行乙個普通的事件,如重置、清空功能。

√提交表單

√需要繫結事件才能提交表單資料

區域性重新整理

不可以使用,在觸發事件的同時會提交表單。

√沒有表單,卻要提交資料

submit需要有表單時,提交時才會帶資料。當然使用submit也可以,但是前提要攔截onclick事件。

而button預設是不提交任何資料。可以繫結事件的方式來提交資料。

表單資料太多的時候

推薦需要寫很多資料的獲取動作

提交資料是要使用js進行校驗的,但如果這時候使用者禁用了js,那麼校驗就失效了,如果後台也沒有進行校驗,那麼不合法的資料就進入後台了。

不推薦推薦:通過button提交資料,那麼如果使用者禁用js,那麼資料提交動作就啟用不了

補充:1、上面的場景中,表單在點選提交按鈕後需要用js進行處理(包括輸入驗證)後再提交的話,通常我們提倡用button,如果需要使用submit提交前驗證的話 應在方法前加return。onclick方法不加return 會自動提交,並不會起到約束的作用, 所以,使用submit時需要驗證** return true或false。

如乙個登陸模組,先驗證使用者名稱是否為空,如果為空,submit點選時永遠提交不到from表單指定頁面。只能是表單形式傳送噢!而且不能再表單指定的頁面中去驗證傳進來的值。

關於button與submit的區別

最近我在表單中使用了button標籤,我的本意並不是想要提交表單,但是很奇怪,我明明只是用了button,並沒有建立submit啊,查閱資料之後,原來是這樣的,這是w3school裡的原話 如果在 html 表單中使用 button 元素,不同的瀏覽器會提交不同的值。internet explore...

HTML中,按鈕button與submit區別

button 普通按鈕,submit 提交按鈕 submit按鈕一般出現在網頁上需要提交資訊到伺服器是才使用,而button按鈕是建立乙個按鈕,對於實現按鈕將會發生什麼事這個不一定,考頁面編輯人員決定,例如在同一天網頁表單上,使用者輸入時可能輸入錯誤或是偏差,則可以在網頁上建立乙個button 清除...

submit 和 button的區別

size medium color red submit 特殊的button,會自動將表單的資料提交 onclick方法不加return 會自動提交,並不會起到約束的作用,所以,使用submit時需要驗證 return 例 在js中判斷的時候 寫return true 或者 return false...