submit和button的區別

2022-03-19 05:07:23 字數 947 閱讀 9639

submit是button的乙個特例,也是button的一種,它把提交這個動作自動整合了。

如果表單在點選提交按鈕後需要用js進行處理(包括輸入驗證)後再提交的話,通常都必須把submit改成button,即取消其自動提交的行為,否則,將會造成提交兩次的效果,對於動態網頁來說,也就是對資料庫操作兩次。或者在使用submit時驗證時加return true或false。

submit和button,二者都以按鈕的形式展現,看起來都是按鈕,所不同的是type屬性和處發響應的事件上,submit會提交表單,button不會提交表單.

兩者主要區別在於:

submit預設為form提交,可以提交表單(form).

button則響應使用者自定義的事件,如果不指定onclick等事件處理函式,它是不做任何事情.當然,button也可以完成表單提交的工作.

input   type=submit 即傳送表單,按回車提交表單   

input   type=button 就是單純的按鈕功能,提交的是innertext

***************submit 和 button的詳細對比***********************************

submit:特殊的button,會自動將表單的資料提交,onclick方法不加return 會自動提交,並不會起到約束的作用,

所以,使用submit時需要驗證** return true或false.

例:,在js中判斷的時候 寫return true; 或者 return false;

button:普通的按鈕,不會自動提交表單資料.可以在js中顯式提交:document.form1.submit(),使用場合: 乙個頁面有多個提交按鈕,需要根據使用者的操作來確定到底提交到哪個控制器,這種情況下,就需要在js中判斷使用者的操作,然後根據操作來給document.form1.action賦值並且document.form1.submit()來提交

submit 和 button的區別

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

submit和button的區別

表單提交中button和submit的區別 submit是button的乙個特例,也是button的一種,它把提交這個動作自動整合了,submit和button,二者都以按鈕的形式展現,看起來都是按鈕,所不同的是type屬性和處發響應的事件上。1 如果表單在點選提交按鈕後需要用js進行處理 包括輸入...

button與submit的區別

宣告 button 普通按鈕,submit 提交按鈕。submit是button的乙個特例,也是button的一種,它把提交這個動作自動整合了,submit和button,二者都以按鈕的形式展現,看起來都是按鈕,所不同的是type屬性和處發響應的事件上。使用場景 這裡說的部分使用場景,並不是只能用一...