<form target="frameFile" id="search_from"> 
    <input class="search_in" type="search" placeholder="請輸入關鍵詞" />
    <iframe name='frameFile' style="display: none;"></iframe>
</form>

像這樣加個iframe標籤就可以了，將from的target對應到iframe的那麼就是不會改變當前頁面的連結，也就不重新整理了

有許多時候我們點選搜尋以後會出現比較長的列表，軟鍵盤會蓋住使用者搜尋的資訊，我們點選一下螢幕才會使軟鍵盤消失，這樣使用者體驗也不是很好，所以我們可以在呼叫的方法中加一個軟鍵盤收起的方法

document.getElementById('search_from').onsubmit = function(e){
    yourfun();
    document.activeElement.blur();//軟鍵盤收起
}

--------------------- 
作者：WebSunshine 
來源：CSDN 
原文：https://blog.csdn.net/github_39237934/article/details/75258285 
版權宣告：本文為博主原創文章，轉載請附上博文連結！