如何不让input输入框显示或禁止历史记录

   

    

     

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

但我今天无意中发现一种情况：

像下面这种的，本身是不会有历史记录出现的。

   

    

     

    
    
<input type="text" id="myinput"  class="search-input" placeholder="在这里输入查询关键字" />
   

但是如果我把id改一下，像下面这个样子就会出现历史记录。

   

    

     

     

     

    
    
<input type="text" id="keyword"  class="search-input" placeholder="在这里输入查询关键字" />
<input type="text" id="keywords"  class="search-input" placeholder="在这里输入查询关键字" />
   

感兴趣的同学可以自己试试看，id="keyword"会出现历史记录，id="keywords"会提示“在这里搜索”。

也就是说其实也跟id的关键字有关系，如果input输入框没有设置id，压根也不会弹出历史记录，如果设置了id，不是keyword也不会出现，如果id非设置了keyword那就加个autocomplete="off"禁止。

往期推荐

2021 TWeb 腾讯前端技术大会精彩回顾(附PPT)

面试题：说说事件循环机制(满分答案来了)

专心工作只想搞钱的前端女程序员的2020

最后

• 欢迎加我微信，拉你进技术群，长期交流学习...
  

• 欢迎关注「前端Q」,认真学前端，做个专业的技术人...

点个在看支持我吧