在表單中使用button標籤的時候會發現,即使什麼型別都沒有設定,但是在點選的時候會發現,表單會自動提交

比如:

我在一個表單的button中新增一個函式,當點選這個按鈕時會增加一行內容:

但是當我實際點選按鈕時會發現,增加的哪一行內容只會在一瞬間顯示然後就消失了。實際的原因就是在新增新一行的時候表單提交,重新整理了頁面。

那麼如何解決這中問題呢?

方法一:把<button>放在表單之外

方法二:如果button必須放在表單內,我們可以通過阻斷它的功能來實現我們想要的效果