html <input>type="button"&"submit"用法

<input type="submit" >

特殊的button,會自動將表單的數(shù)據(jù)提交;
onClick方法不加return 會自動提交,并不會起到約束的作用;
使用submit時需要驗證需要加 return true或false;(栗子如下)

<input type="submit" name="Submit" value="注 冊" onClick=" return check();"> //在JS中判斷的時候 寫return true; 或者 return false;

<input type="button">

則響應(yīng)用戶自定義的事件,如果不指定onclick等事件處理函數(shù),它是不做任何事情;
button也可以完成表單提交的工作.

什么時候使用?一個頁面有多個提交按鈕,需要根據(jù)用戶的操作來確定到底提交到哪個控制器,這種情況下,就需要在JS中判斷用戶的操作,然后根據(jù)操作來給document.form1.action賦值并且document.form1.submit()來提交.

兩者的區(qū)別:

  • 使用submit后,頁面支持鍵盤enter鍵操作; 默認(rèn)enter鍵對頁面第一個submit進(jìn)行操作; 用button后往往頁面不支持enter鍵了.
  • <input type= "submit" />不是一個畫面元素,而是一個表單(Form)元素,和文本輸入是一樣的,都屬于“數(shù)據(jù)”的一部分(特征是,有value屬性,而且該屬性的值,會被傳送到server端,可以拿來用),而不是樣式的一部分;
  • submit會有一個跳轉(zhuǎn),頁面會刷新;而button不會刷新,就是一個button.
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容