案發現場

就是這個搜尋框，我滑鼠鍵入輸入框的時候然後按滑鼠上的enter鍵竟然會自動提交表單並重新整理頁面！

事故分析

1、一開始我以為是後面那個button按鈕的鍋，因為我用的type="submit"，然後我就把這個按鈕改成type="button",但是，這並沒有什麼卵用，所有我覺得問題不是出在這。
2、後面我就網上百度查原因，然後讓我找到了另一種可能：當表單中只有一個input輸入元素時，點選enter鍵，form表單會自動提交。 看到這個我就有點懷疑了，然後根據解決方法試了一下。

解決

//第一種
<form onsubmit="return false">
    <input type
 
="text" name="test"/>
</form>
//第二組 多加一個input，並設定為display:none
<form >
    <input type="text" name="test" style="display:none"/>
    <input type="text" name="test"/>
</form>

真相大白

在使用了上訴兩種方法後，我發現這兩種方法都能解決我的問題，所以我覺得事故原因就是上訴第二種，同時解決方法也是上訴這兩種，其他的我就不知道了。over