清除input输入框的历史记录

最新推荐文章于 2025-05-08 11:45:00 发布

原创最新推荐文章于 2025-05-08 11:45:00 发布 · 2.5w 阅读

15 ·

CC 4.0 BY-SA版权

文章标签：

#清除input历史记录

JAVA基础专栏收录该内容

52 篇文章

订阅专栏

当之前的input框输入了数据后，下次输入有历史记录问题的解决方法

input的属性autocomplete默认为on其含义代表让浏览器自动记录之前输入的值

如果想要关闭记录可以在input中加入autocomplete="off"

//js给input框赋属性

document.getElementById("vhcl_no").autocomplete = "off";

//jquery给input框赋属性

$("#vhcl_no").attr('autocomplete', 'off');

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

未曾远去

关注关注

5
点赞
踩
15

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

input输入框去除记忆搜索

weixin_48596030的博客

04-18

6577

1、input输入框去除记忆搜索（隐藏记录框） autocomplete属性规定form或input域应该拥有自动完成功能。 on 默认。规定启用自动完成功能。 off 规定禁用自动完成功能。 **设置 autocomplete='off'，**不会记录用户输过的值。（浏览器中的表单会记录刚填完的input数据，为防止用户信息泄露，可以在input中加入autocomplete=“off”，也可以在form表单中加入autocomplete，可以防止表单记录填过的表单数据，不会记录用户输过的值。）二、i

禁止输入框显示历史记录：autocomplete="off"

Java和大数据等相关的技术交流分享，欢迎关注交流

12-13

823

特殊输入框，比如带日历插件等显示历史记录时会影响插件操作，不能正常使用，这是因为页面表单默认打开了自动完成功能，关闭自动完成功能即可，通过autocomplete属性进行设置：关闭自动完成功能：autocomplete="off" ...

3 条评论您还未登录，请先登录后发表或查看评论

html：input输入框去除记忆功能

weixin_45031595的博客

06-13

6448

公告

如何去除input标签的历史记录

weixin_44541162的博客

07-08

9859

（作者：苦行者；撰写时间：2019年7月8日） 1、input标签有一个令人郁闷的缺点（针对我个人），那就是它会把你曾经填写过的数据记录下来，下次点击它的时候就会把你的那些历史记录以下拉框的形式罗列展示出来，而你根本就不需要那些记录，特别是一些随便输入的历史记录它就会自己“跑”出来，非常影响观赏性。于是我便在网上搜索有关解决这个问题的方法，最后成功地解决了这一问题。原来都是input标签自带的...

去除input的历史记录

许达华的博客

08-08

1906

去除input的历史记录 input标签有一个令人很烦的东西，那就是它会把你曾经填写过的数据记录下来，下次点击它的时候就会把你的那些历史记录以下拉框的形式罗列展示出来，而你根本就不需要那些记录，特别是一些随便输入的历史记录它就会自己“跑”出来，非常影响观赏性。由于我看着非常的不舒服于是我便在网上搜索有关解决这个问题的方法，最后成功地解决了这一问题。原来都是input标签自带的一个属性在捣鬼，只要...

清除 input 的历史记录

段占彪的博客

11-23

3372

问题描述当input框输入数据时，会显示之前的输入的数据原因 input的属性autocomplete默认为on，其含义代表让浏览器自动记录之前输入的值解决办法在input标签添加autocomplete=&quot;off&quot;属性 &amp;lt;input type=&quot;text&quot; autocomplete=&quot;off&

Vue 实现输入框新增搜索历史记录功能

10-16

在本文中，我们将深入探讨如何在Vue框架中实现一个搜索输入框功能，此功能将能够记录用户的搜索历史，并能够将这些历史记录显示给用户，同时提供清除历史记录的选项。为达成此功能，我们将采用一个名为good-storage...

-android搜索历史记录提示，在edittext输入框中输入，会在本地保存，下次输入会自动提示.rar

12-17

- 考虑到隐私问题，用户应该有权清除搜索历史记录。 - 如果搜索建议涉及网络请求，需注意异步处理以避免阻塞UI线程。通过以上步骤，你可以在EditText中实现搜索历史记录提示功能。提供的源代码示例应能帮助你更...

前端Vue自定义带历史记录的搜索框组件searchBar 支持搜索输入框清空搜索历史存储记录清除

chenchuang0128的博客

07-06

2757

搜索

清除input的历史记录

叶落无痕的博客

07-10

570

禁止历史的显示使用“autocomplete”属性 <input class="" type="text" autocomplete="off"></input>

去掉input历史记录

03-11

684

There is no nutrition in the blog content. After reading it, you will not only suffer from malnutrition, but also impotence. The blog content is all parallel goods. Those who are worried about being cheated should leave quickly.

antd input去除历史记录

weixin_41544124的博客

07-05

4200

一、ant-design Input 组件取消自动显示输入历史 Form默认开启 aotuComplete 功能，当submit 时会记录输入历史，取消自动补充功能，只需在Form 上加autoComplete=“off”即可关闭自动提示输入历史 (这里的Complete的C需要大写) <Input placeholder="请输入验证码" autoComplete="off"/> 如果是原生 js 的 input 框则增加属性: autocomplete=“off” (这里的complet

如何清除电脑操作记录及运行框里输入的历史记录？

datsing2021的博客

10-21

5561

如何清除电脑操作记录及运行框里输入的历史记录？

input输入框禁止显示历史记录

最新发布

07-01

在使用 `el-input` 组件时，如果希望清除或禁用输入框的历史记录功能，可以结合 HTML 原生属性与 Vue 的数据绑定机制来实现。以下是一些可行的解决方案： ### 禁用历史记录 可以通过设置 `autocomplete="off"` 属性来禁用浏览器的自动填充和历史记录提示功能。此方法适用于大多数现代浏览器，但对密码类型的输入可能效果有限。 ```html <el-input v-model="inputValue" autocomplete="off"></el-input> ``` 对于密码类型的输入，某些浏览器可能会忽略 `autocomplete="off"`，这时可以尝试将 `autocomplete` 设置为 `"new-password"` 来进一步确保不会显示历史记录[^4]。 ```html <el-input v-model="passwordValue" type="text" autocomplete="new-password"></el-input> ``` ### 清除输入历史记录 清除输入历史记录通常涉及到用户本地浏览器的行为，前端代码无法直接访问或清除这些记录。但是，可以通过一些技巧减少历史记录的影响，例如在页面加载时清空输入框的内容，或者通过脚本重置表单。 #### 页面加载时清空输入框 ```html <template> <el-input v-model="inputValue" autocomplete="off"></el-input> </template> <script> export default { data() { return { inputValue: '' }; } }; </script> ``` #### 通过脚本重置表单如果是在一个表单中，可以通过调用表单的 `reset` 方法来清除所有输入框的内容。 ```html <template> <el-form ref="formRef"> <el-input v-model="inputValue" autocomplete="off"></el-input> <el-button @click="resetForm">重置</el-button> </el-form> </template> <script> export default { data() { return { inputValue: '' }; }, methods: { resetForm() { this.$refs.formRef.resetFields(); } } }; </script> ``` ### 特殊处理密码输入框 对于密码输入框，除了上述方法外，还可以通过动态切换输入类型来避免浏览器自动填充历史记录[^3]。 ```html <template> <el-input :type="showPassword ? 'text' : 'password'" v-model="passwordValue" autocomplete="new-password" > </el-input> <el-button @click="togglePasswordVisibility">{{ showPassword ? '隐藏' : '显示' }}</el-button> </template> <script> export default { data() { return { passwordValue: '', showPassword: false }; }, methods: { togglePasswordVisibility() { this.showPassword = !this.showPassword; } } }; </script> ``` ### CSS 样式控制为了确保输入内容在不可见状态下以星号（*）形式展示，可以通过 CSS 控制文本的安全性[^4]。 ```css .password-input { text-security: disc; -webkit-text-security: disc; } ``` ```html <el-input class="password-input" :type="showPassword ? 'text' : 'password'" v-model="passwordValue" autocomplete="new-password" ></el-input> ``` 通过以上方法，可以在很大程度上控制 `el-input` 组件的历史记录行为，从而满足项目中的特定需求。 ---