如何不让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"禁止。

目录
相关文章
|
6月前
|
C#
【C#】 如何实现文本框历史记录提示功能
【C#】 如何实现文本框历史记录提示功能
106 0
输入框禁用状态 可清空输入框如何实现?组件写的
输入框禁用状态 可清空输入框如何实现?组件写的
|
6月前
|
前端开发
(css必看)禁止用户拖动,禁止选中复制,禁止输入框输入
(css必看)禁止用户拖动,禁止选中复制,禁止输入框输入
265 1
|
6月前
|
开发者
在用户关闭页面时,提示用户有内容未保存-论onbeforeunload事件的用法
在用户关闭页面时,提示用户有内容未保存-论onbeforeunload事件的用法
90 0
|
6月前
|
前端开发 JavaScript
前端知识(十三)——JavaScript监听按键,禁止F12,禁止右键,禁止保存网页【Ctrl+s】等操作
前端知识(十三)——JavaScript监听按键,禁止F12,禁止右键,禁止保存网页【Ctrl+s】等操作
105 0
|
12月前
|
JavaScript
点击提交按钮,提交所有生成的input参数
点击提交按钮,提交所有生成的input参数
53 0
防止用户复制管理员网址进入页面、设置禁用隐藏按钮权限以及防止修改禁用按钮权限
防止用户复制管理员网址进入页面、设置禁用隐藏按钮权限以及防止修改禁用按钮权限
112 0
|
前端开发
前端禁止鼠标右键、禁止全选、复制、粘贴
前端禁止鼠标右键、禁止全选、复制、粘贴
317 0
清除input输入框的历史记录
清除input输入框的历史记录
1346 0
清除input输入框的历史记录
|
JavaScript 前端开发
页面一刷新让文本框自动获取焦点-- 和自定义v-focus指令
页面一刷新让文本框自动获取焦点-- 和自定义v-focus指令