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

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

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

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

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

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

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

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

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

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

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

目录
相关文章
|
7月前
|
Web App开发
报错:清除网站内搜索框中的历史记录?
报错:清除网站内搜索框中的历史记录?
textarea文本框默认显示文本鼠标点击时清空
textarea文本框默认显示文本鼠标点击时清空
输入框禁用状态 可清空输入框如何实现?组件写的
输入框禁用状态 可清空输入框如何实现?组件写的
|
7月前
|
前端开发
(css必看)禁止用户拖动,禁止选中复制,禁止输入框输入
(css必看)禁止用户拖动,禁止选中复制,禁止输入框输入
337 1
|
7月前
|
开发者
在用户关闭页面时,提示用户有内容未保存-论onbeforeunload事件的用法
在用户关闭页面时,提示用户有内容未保存-论onbeforeunload事件的用法
132 0
|
JavaScript
js鼠标离开-清除input输入框内的空格demo效果示例(整理)
js鼠标离开-清除input输入框内的空格demo效果示例(整理)
|
JavaScript 前端开发 双11
清除前端标签中(输入框)的内容
清除前端标签中(输入框)的内容
151 0
清除input输入框的历史记录
清除input输入框的历史记录
1365 0
清除input输入框的历史记录
|
JavaScript 前端开发
页面一刷新让文本框自动获取焦点-- 和自定义v-focus指令
页面一刷新让文本框自动获取焦点-- 和自定义v-focus指令