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

摘要:html的input框获取光标后,会提示原来输入过的内容,还会出现下拉的历史记录,有时候项目中完全不需要这个,大家基本禁止这种情况,基本都是在input中加入:autocomplete=off

html的input框获取光标后,会提示原来输入过的内容,还会出现下拉的历史记录,有时候项目中完全不需要这个,大家基本禁止这种情况,基本都是在input中加入:autocomplete="off"

<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"禁止。


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_11016