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

最新推荐文章于 2023-02-22 11:52:24 发布
最新推荐文章于 2023-02-22 11:52:24 发布
阅读量965 收藏 1
点赞数 1
分类专栏： JavaScript 文章标签： javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47180815/article/details/122466284
版权

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

<input type="text"  autocomplete="off" />
陌上烟雨寒
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
每时每刻项目总结
weixin_71013061的博客
06-15 320
项目总结
input输入框去除历史记录
m0_46517642的博客
10-22 2352
input输入框去除历史记录 input输入框的历史记录很烦人，都是一些测试用的值，但是清除cookie都去不掉 找了好久，发现社区大多数都是添加一个属性值来禁止输入框的出现，从而达到想要的效果，但是有些人是想保留记录框的同时需要清除历史记录 最后终于找到了，其实办法很简单，选中记录后按shift+delete就能删除历史记录了，但是批量删除的办法目前还没找到，就先这样记录一下，希望有碰到同样问题的同学不要跳坑 ...
input text 不显示输入的历史记录
ak47147258369的博客
12-19 644
当之前的text框输入了数据后，下次输入有历史记录问题的解决方法 怎么禁止输入框记录输入记录，双击input出现输入过的记录, 有过表单设计经验的朋友肯定知道，当我们在浏览器中输入表单信息的时候，往往input文本输入框会记录下之前提交表单的信息，以后每次只要双击input文本输入框就会出现之前输入的文本，这样有时会觉得比较方便，但有时也会暴露用户的隐藏数据，下面教大家让input表...
怎么禁止输入框记录输入记录
ToSev7en的专栏
05-23 688
怎么禁止输入框记录输入记录，双击input出现输入过的记录, 有过表单设计经验的朋友肯定知道，当我们在浏览器中输入表单信息的时候，往往input文本输入框会记录下之前提交表单的信息，以后每次只要双击input文本输入框就会出现之前输入的文本，这样有时会觉得比较方便，但有时也会暴露用户的隐藏数据，所以现在专业的学习网站就教大家让input表单输入框不记录输入过信息的方法。     其实方法很简单
vue textarea van-field手机端 输入框实现显示的内容换行或者空格处理
总结前端开发中遇到的问题，分享前端知识
12-17 8891
移动端框架vant-ui： <van-cell-group class="m30 borderRadius"> <van-field v-model="content" rows="5" autosize type="textarea" placeholder="请输入内容" /> </van-cell-group> if(this.content==""){ this.$toast("请输入内容");
Vue 实现输入框新增搜索历史记录功能
10-16
主要介绍了Vue 输入框新增搜索历史记录功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
控制input输入框中提示信息的显示和隐藏的方法
09-04
本文将详细讲解如何控制input输入框中提示信息的显示与隐藏，以及实现这一功能的关键步骤和注意事项。 首先，我们需要明确目标：当input输入框获取焦点（即用户点击输入框，光标出现）时，隐藏提示信息；当输入框...
Element输入框带历史查询记录的实现示例
10-17
主要介绍了Element输入框带历史查询记录的实现示例,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
如何清除vant van-cascader 历史选择记录 详细代码
weixin_35749545的博客
02-10 561
您可以通过设置 "clearable" 属性为 "true" 来清除 Vant 的 van-cascader 组件的历史选择记录。 以下是示例代码： <van-cascader :clearable="true" /> 希望这对您有所帮助！ ...
vant ui 双向输入框禁止手机键盘弹出
weixin_46252229的博客
04-13 2280
vant ui 双向输入框禁止手机键盘弹出 <van-field readOnly @focus="noBomBox" :formatter="formatterNumber" type="number" @click="show =true" class="field" v-model="fillData" placeholder="请输入" /> noBomBox(Event) { document.activeElement.blur(); }, ...
vue通过localStorage实现输入框历史记录提示的效果
weixin_45618937的博客
10-20 1266
vue通过localStorage实现输入框历史记录提示的效果
禁止表单自动填充完美解决
weixin_43826449的博客
11-24 414
> setTimeout(function(){ > var text_password = document.getElementById('text'); > text_password.removeAttribute("readonly"); > }, 1000);
针对vant遇到的BUG做记录
liudddsadsasa的博客
05-25 5581
问题：van-field标签使用clearable属性清除文本框内容时，内容console.log出来显示已经被清空，但是文本框的内容却依然还在。 以下是出现问题的代码截图： 下面是改完成功的代码截图： 没错，问题出现在v-model里，和标签属性无关 只要加上form.就会出现这个BUG 可能还有别的原因，总之目前写到form外面是解决了，这个框架的BUG还很多，我有时间就会记录到这里，大家如果有更好解法的话，可以在评论区畅所预言，欢迎大家指点！ ...
van-field 回显 不回显的时候用自带的就可以
梦寻汝的博客
02-22 1075
提交时 this.transferLabelToKeyorderbu("label","数据数组")
用 Vue 实现记住登录信息功能
求人不如求己
03-06 431
vue项目实现记住密码功能 用 Vue 实现记住登录信息功能 vue项目实现记住密码到cookie功能(附源码) vue项目实现表单登录页保存账号和密码到cookie功能
文本框不显示历史记录
wjhl04的专栏
07-30 2007
autocomplete="off" <asp:TextBox ID="txtYjTime" runat="server" CssClass="input width150 required" autocomplete="off" HintTitle="计划发货日期" MaxLength="50" HintInfo="日期格式：1212-12-12 1...
vant组件van-field和van-picke一起使用的采坑记录
Q_Q104926的博客
04-21 4433
vant组件van-field和van-picke一起使用的采坑记录1、单独放一个van-picker2、单独放一个van-poup3、将van-picker放在van-poup中 使用vant组件写APP端form表单，从官网拿过来的van-field标签和van-popup标签，放在页面，没有任何效果。 官网拿过来的改了数据和显示文本，如下图所示。 <!DOCTYPE html> <html lang="en"> <head> <meta chars
Vue 输入框新增搜索历史记录功能（本地存储）
Meng_qi8816的博客
10-14 2736
vue实现搜索显示历史搜索记录,采用插件-good-storage 安装插件 npm install good-storage -S 在本地新建cache.js文件,该文件是关于本地存储的逻辑处理(缓存到本地的数据最大缓存15条，并且新的插入在第一位，首先得到当前的存储数据情况，将关键字存到数组中，判断如果数组中有相同的数据，则把重复的数据删除，将新的关键字存入到前面) c...
写一个input输入框显示历史输入记录的代码
最新发布
05-31
// 获取输入框和历史记录展示区域 const input = document.getElementById('input'); const history = document.getElementById('history'); // 获取本地存储中的历史记录 const historyList = JSON.parse...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值