會自己送出去的按鈕

今天在為網站後台加按鈕以方便編輯的時候,發生了一件很久以前就有過的悲劇:button 按下去會直接送出去,而不是執行其他動作

「完蛋了」──正當我這麼想的時候,stack overflow 救了我一命──大概的意思就是說,button 透過設定,預設的類型為 submit

那,如果我不想讓 button 送出呢?那就要讓 button 歸為 button

怎麼做?按照網站所說,有兩個辦法:

  1. button type="button"
  2. input type="button"

第一個方法用下去會出問題,第二個就成功了!

於是,一天又平安的度過了。


2017/08/31 增筆:問題其實和前端的 JavaScript 行為有關:

請記住,如果表單內只有一個按鈕元素(例如 <button>My button</button>)的話,瀏覽器會自動把它視為提交按鈕。你要在其他按鈕之外,明確宣告一個提交按鈕。