如何不让input输入框显示或禁止历史记录
发布于2022-01-06 23:15 阅读(694) 评论(0) 点赞(8) 收藏(3)
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"禁止。
所属网站分类: 技术文章 > 博客
作者：小兔崽子
链接：http://www.qianduanheidong.com/blog/article/284438/516fa64ae85d8a81fec3/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力