如何不讓input輸入框顯示或禁止歷史記錄

   

    

     

    
    
<input type="text"  autocomplete="off" />
   

但我今天無意中發(fā)現(xiàn)一種情況：

像下面這種的，本身是不會有歷史記錄出現(xiàn)的。

   

    

     

    
    
<input type="text" id="myinput"  class="search-input" placeholder="在這里輸入查詢關(guān)鍵字" />
   

但是如果我把id改一下，像下面這個樣子就會出現(xiàn)歷史記錄。

   

    

     

     

     

    
    
<input type="text" id="keyword"  class="search-input" placeholder="在這里輸入查詢關(guān)鍵字" />
<input type="text" id="keywords"  class="search-input" placeholder="在這里輸入查詢關(guān)鍵字" />
   

感興趣的同學(xué)可以自己試試看，id="keyword"會出現(xiàn)歷史記錄，id="keywords"會提示“在這里搜索”。

也就是說其實也跟id的關(guān)鍵字有關(guān)系，如果input輸入框沒有設(shè)置id，壓根也不會彈出歷史記錄，如果設(shè)置了id，不是keyword也不會出現(xiàn)，如果id非設(shè)置了keyword那就加個autocomplete="off"禁止。

往期推薦

2021 TWeb 騰訊前端技術(shù)大會精彩回顧(附PPT)

面試題：說說事件循環(huán)機制(滿分答案來了)

專心工作只想搞錢的前端女程序員的2020

最后

• 歡迎加我微信，拉你進技術(shù)群，長期交流學(xué)習(xí)...
  

• 歡迎關(guān)注「前端Q」,認真學(xué)前端，做個專業(yè)的技術(shù)人...

點個在看支持我吧