會自己送出去的按鈕
今天在為網站後台加按鈕以方便編輯的時候,發生了一件很久以前就有過的悲劇:button 按下去會直接送出去,而不是執行其他動作!
「完蛋了」──正當我這麼想的時候,stack overflow 救了我一命──大概的意思就是說,button
透過設定,預設的類型為 submit
。
那,如果我不想讓 button
送出呢?那就要讓 button
歸為 button
。
怎麼做?按照網站所說,有兩個辦法:
- button type="button"
- input type="button"
第一個方法用下去會出問題,第二個就成功了!
於是,一天又平安的度過了。
2017/08/31 增筆:問題其實和前端的 JavaScript 行為有關:
請記住,如果表單內只有一個按鈕元素(例如
<button>My button</button>
)的話,瀏覽器會自動把它視為提交按鈕。你要在其他按鈕之外,明確宣告一個提交按鈕。