怎样不显示html的input历史输入记录

最新推荐文章于 2022-11-30 10:39:14 发布
最新推荐文章于 2022-11-30 10:39:14 发布
阅读量7.8k 收藏 3
点赞数 3
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wuzuyu365/article/details/90257714
版权

如图：点击一个输入框时，下拉出来推荐词语，

想不到的是之前录入的词语“南京信息” 也显示出来了，

怎么样不显示这个呢？ 

方法是在 input的属性里面添加上 

autocomplete="off"

这样就ok了：

wuzuyu365
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
在html中禁用自动完成不让其显示历史记录
12-13
输入框输入内容时总是显示历史输入历史记录，现禁用的方法是添加一个属性： 复制代码代码如下: <input type=”text name=”txt_xm” autocomplete=”off”>
django之从html页面表单获取输入的数据实例
01-20
本文主要讲解如何获取用户在html页面中输入的信息。 1.首先写一个自定义的html网页 login.html <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>test</title&...
html input标签清除历史输入记录下拉框
西凉的悲伤博客
07-20 2831
一、在html 中。如果input标签是放在form表单中的话是会有历史记录的。 比如： <!DOCTYPE html> <html> <head> </head> <body > <form action="" method="post"> <input type="text" name="text1" /> <input type="text" name="text2" /&gt
html输入框禁止历史记录,Input输入框设置禁止保留历史记录
weixin_34052916的博客
06-04 1244
这里又是一个小技巧，不一定适用于所有人，但是在一些特殊时候，会有一个较好的效果。这个技巧使用的是autocomplete控件，该控件指用户在文本框输入前几个字母或是汉字的时候，该控件就能从存放数据的文本或是数据库里将所有以这些字母开头的数据提示给用户，供用户选择，提供方便。这也就是我们在访问网页时，经常会发现，当点击某个输入框，就会出现一些我们曾经输入过的内容，但是，出现的前提条件是这些input...
html input输入框或下拉框禁止显示历史记录
ztnhnr的专栏
07-20 5608
最近在使用layui的date日期组件时，每次选择日期时，都会出现下拉的历史记录。历史记录和日期选择控件叠加显示，体验非常不好。如下图： 搜索后发现html页面中，在输入 input 时会提示原来输入过的内容，还会出现下拉的历史记录。而layui的date使用的是input组件，禁止这种情况有如下两者解决方法。 方法一：在不想使用缓存的input中添加 autocomplete="off"： <inputtype="text"name="date"...
禁止input输入框显示历史记录（已解决）
蓝胖子的博客
11-30 4494
禁止input输入框显示历史记录（已解决）
如何不让input输入框显示或禁止历史记录
LuckyWinty的博客
01-20 5725
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群html的input框获取光标后，会提示原来输入过的内容，还会出现下拉的历史记录，有时候项目中完全不需要这个，大家基本禁止这种情况...
文字记录搜索历史代码.rar_文字记录搜索历史代码
09-20
3. **展示历史**：当用户再次访问搜索界面时，代码会读取Local Storage中的历史记录，并在下拉菜单或类似的UI元素中显示出来。 4. **交互优化**：用户可以通过点击搜索历史条目快速填充搜索框，或者通过键盘上下键...
清除文本框上次输入值的历史记录
12-16
开发者还可以选择自定义历史记录管理，比如创建自己的输入历史列表，并在用户需要时显示或清除。这通常需要监听文本框的`KeyDown`、`KeyUp`或`TextChanged`事件，然后根据业务逻辑来决定是否保存或清除历史记录。 4...
html5 input元素新特性_动力节点Java学院整理
09-28
1. **autocomplete**：这个属性控制着是否显示与用户当前输入内容相匹配的历史记录。例如，在一个搜索框中启用此功能，用户可以快速找到他们之前输入过的搜索词；而在密码字段中，通常会禁用此功能，以保护用户隐私...
H5 input 历史记录等一些问题
sinat_35429840的博客
09-05 2874
1、input 输入框在移动端输入的时候 个别手机会记录输入状态 （比如小米），当你再次输入时，输入框下面会提示特别丑的历史记录。 解决方法 给input 添加属性 autocomplete="off" 2、如果想让输入框都显示历史记录可以用以下办法 label>城市 : input id="country_name" name="country_name" type="text
html input输入框不记录之前输入的内容，不自动补全，不提示输入
PrimaryColor
09-11 2857
<input type="text" autocomplete="off"/>
html text文本框取消（不显示）历史输入记录
cheng1a的博客
06-30 2821
在使用text文本框的时候，点击文本框会展示历史输入记录，如果不想要展示历史输入记录可以在 input 内加上一个属性，这个属性可以关闭展示历史记录 这样子点击文本框的时候就不会在展示历史输入记录了...
如何去除input标签的历史记录
weixin_44541162的博客
07-08 9654
（作者：苦行者；撰写时间：2019年7月8日） 1、input标签有一个令人郁闷的缺点（针对我个人），那就是它会把你曾经填写过的数据记录下来，下次点击它的时候就会把你的那些历史记录以下拉框的形式罗列展示出来，而你根本就不需要那些记录，特别是一些随便输入的历史记录它就会自己“跑”出来，非常影响观赏性。 于是我便在网上搜索有关解决这个问题的方法，最后成功地解决了这一问题。 原来都是input标签自带的...
【HTML】怎么禁止输入框记录输入记录，输入框下出现输入过的记录
10相濡以沫
08-28 8480
怎么禁止输入框记录输入记录，双击input出现输入过的记录, 有过表单设计经验的朋友肯定知道，当我们在浏览器中输入表单信息的时候，往往input文本输入框会记录下之前提交表单的信息，以后每次只要双击input文本输入框就会出现之前输入的文本，这样有时会觉得比较方便，但有时也会暴露用户的隐藏数据. 其实方法很简单，只需要在input文本输入框中加一条autocomplete=”off”属...
HTML中input标签取消自动提示（不显示输入历史记录）
weixin_33738578的博客
06-20 9925
目标：不出现输入的历史记录 在input标签中加上 autocomplete="off" 效果： 转载于:https://www.cnblogs.com/zhagzicheg/p/9202489.html
html的input的text不出现输入的历史记录
代码笔记
11-26 671
如图: 如何去掉 text历史记录 ? ① 在input标签中加上 autocomplete="off" <input type='text' autocomplete="off"> ② 如果页面上有无数个 text ,又不想一个一个加autocomplete="off" , 可以这样: <script> $(function () { $(":text").attr("autocomplete", "off");...
input 消除自动记忆功能
diuqian3543的博客
09-25 915
在html里就可以直接清除了<input type="text" autocomplete="off">input 的autocomplete属性默认是on：其含义代表是否让浏览器自动记录之前输入的值off：则关闭记录 转载于:https://www.cnblogs.com/wbydoc/articles/2701048.html...
写一个input输入框显示历史输入记录的代码
最新发布
05-31
好的，以下是一个简单的实现示例： HTML代码： ``` <input id="input" type="text" placeholder="请输入内容"> <div id="history"></div> ``` JavaScript代码： ```javascript // 获取输入框和历史记录展示区域 const input = document.getElementById('input'); const history = document.getElementById('history'); // 获取本地存储中的历史记录 const historyList = JSON.parse(localStorage.getItem('historyList')) || []; // 更新历史记录展示 function updateHistory() { history.innerHTML = ''; historyList.forEach(item => { const div = document.createElement('div'); div.textContent = item; div.addEventListener('click', () => { input.value = item; }); history.appendChild(div); }); } // 监听输入框输入事件 input.addEventListener('input', () => { // 将输入框的值存储到历史记录中 const value = input.value.trim(); if (value && !historyList.includes(value)) { historyList.push(value); localStorage.setItem('historyList', JSON.stringify(historyList)); updateHistory(); } }); // 初始化历史记录展示 updateHistory(); ``` 这段代码会在用户输入内容时将其存储到本地存储中，并在历史记录展示区域中展示最近的几条历史记录。用户点击某个历史记录项时，会将该记录填充到输入框中。请注意，这只是一个简单的示例，实际场景中可能需要对存储、展示等方面进行更多的优化和处理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值