禁止input textarea 输入时浏览器自动提示历史填写记录

最新推荐文章于 2023-08-21 15:55:35 发布
最新推荐文章于 2023-08-21 15:55:35 发布
阅读量333 收藏
点赞数
文章标签： html java javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_56456071/article/details/129882432
版权
在HTML中，通过添加autocomplete属性并设置其值为off，可以防止文本输入框和文本区域自动填充，这在处理敏感信息或优化用户交互时特别有用。这样做可以保护用户数据的安全，避免浏览器存储不必要的信息，同时也可能影响用户体验。
摘要由CSDN通过智能技术生成

添加autocomplete 属性，值为off；

<input type="text" autocomplete='off'>
<textarea autocomplete='off'>

m~781
关注
输入框（form标签、input标签、select标签、textarea标签）自动填充、历史记录的设置与清除 autocomplete
ljinest
08-31 2089
在我们使用input等标签的时候，也许会用到一些auto-complete的功能，让用户的体验更加完善，如根据用户输入的内容来自动判断、填充。 case1 预测问题 下例为我在百度上输入“为什么”之后，百度自动跳出的autocomplete内容，应该是最近百度用户问的最多的问题。 case2 输入历史 有时候一个输入框可能是用户之前输入过很多次的、相同的内容（如用户名、密码等基本不变的信息），这个时候，autocomplete是节省用户输入的时间，自动填充信息。 下例为bing搜索上的历史记录，也是aut
HTML5 表单相关元素及属性
ChanCherry的博客
04-14 3157
极其简陋的网课笔记 ╮(￣▽￣)╭ copy一下好心安理得的偷懒（误） form表单 常用属性 1. action属性 在表单收集到信息后，需要将信息传递给服务器进行处理，action属性用于指定接收并处理表单数据的服务器程序的url地址。 例如：<form action="form_action.asp"> 表示当提交表单时，表单数据会传送到名为 “form_action.asp...
HTML/CSS 历史保留功能
Hello小子的测试生涯
09-01 1210
 一般我们在信息框里输入信息，跳转到别的地方，再回来时却发现文本框没有了。如果有某种需要要保留的话, 就可以用behavior:url(#default#savehistory)来保留历史信息。HTML>HEAD>META NAME="save" CONTENT="history">STYLE>  .saveHistory {behavior:url(#default#savehist
input输入框禁止显示历史记录
热门推荐
阿毛的博客
10-24 5万+
在输入input时会显示原来输入的内容，禁止这种情况只需在input中加入： autocomplete=“off” &amp;amp;lt;input type=&amp;quot;text&amp;quot; autocomplete=&amp;quot;off&amp;quot; /&amp;amp;gt; autocomplete 属性是用来规定输入字段是否启用自动完成的功能。 补充：input标签的其他属性 1.防止退后清空的TEXT文档(可把st
web开发如何屏蔽浏览器输入框下拉历史的输入记录
yhsCsdn的专栏
12-18 1984
在开发过程中遇到一个这样的问题输入框下面有一个输入提示（js,jquery），但是浏览器他有一个下拉历史的输入记录，现在欧迪曼就是历史记录，下面的内容才是（js,jquery）js实现的输入提示如下图，这样感觉让人很不爽！用input 的autocomplete属性默认是on：其含义代表是否让浏览器自动记录之前输入的值off：则关闭记录 修改之后是这样的，则样感觉好多啦！！！
实现一个可以实时提示的textarea组件
weixin_33924770的博客
07-04 182
该组件输入、换行、变换光标可以实时给出提示 效果： textarea.vue <template> <div> <el-input id="user-input" type="textarea" placeholder="请换行输入不同的通知用户" :autosize="{...
禁止 input 输入框显示历史记录
sout-lanys
07-10 3334
在 HTML 开发中会 input 标签是非常常用的，当在 input 标签 输入数据后，再点击输入框会显示原来输入过的内容，还会出现下拉的历史记录。让使用人员感觉比较恶心。
HTML基础
fairydeer的博客
07-14 218
HTML基础学习笔记HTML骨架格式常用标签注释标签文本标题标签段落和换行标签文本格式化标签水平线div和span标签上标&下标图像标签链接标签常用转义字符表格创建表格表格属性合并单元格表格划分结构列表无序列表有序列表自定义列表表单form表单域input表单元素文本框和密码框单选按钮和复选框其它属性label 标签select下拉列表textarea文本域综合案例参考资料 「HTML」(Hyper Text Markup Language): 超文本标记语言 所谓超文本，有2层含义： 因为它可以
【学习笔记】HTML基础
weixin_44802075的博客
08-26 710
目录 一、认识WEB Web标准 二、HTML初识 HTML初识 文档类型 页面语言lang 字符集 HTML标签的语义化 三、HTML常用标签 常用标签 四、表格 五、列表 六、表单 form表单域 浏览器的多进程架构 七、前端HTML基础面试题 iframe有哪些缺点？ label的作用是什么？是怎么用的？ HTML5的form如何关闭自动完成功能？ 将 HTML5 看作成开放的网络平台 浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？ 浏览器的
一些学习笔记
qq_63288138的博客
11-05 433
<!--页面中最大的标签根标签--> <html> <!--头部标签--> <head> <!--标题标签--> <title></title> </head> <!--文档的主体--> <body> </body> </html> 「团队约定大小写」...
前端三件HTML
qq_63593743的博客
12-17 168
文章目录前言一、初识HTML1，初识2，文档类型3，页面语言lang4，字符集 前言 前端中最重要的三件：HTML，CSS,JS HTML是结构，主要包括页面元素，进行整理，分类，是三件中最重要的 CSS是表现，主要进行网元排版，网页颜色等外观 JS是行为，主要是进行网上模型定义，用户交互等 一、初识HTML 1，初识 「HTML」(Hyper Text Markup Language):超文本标记语言 「所谓超文本，有2层含义：」 因为它可以加入图片、声音、动画、多媒体等内容（超越文本限制 ） 不仅如此
html text文本框取消（不显示）历史输入记录
cheng1a的博客
06-30 2982
在使用text文本框的时候，点击文本框会展示历史输入记录，如果不想要展示历史输入记录可以在 input 内加上一个属性，这个属性可以关闭展示历史记录 这样子点击文本框的时候就不会在展示历史输入记录了...
解决chrome浏览器在输入框中弹出历史记录
to_prototy的博客
08-21 7827
Chrome浏览器在输入框中弹出历史记录
html：去除input/textarea标签的拼写检查
彭世瑜的博客
08-01 1788
会启动拼写和语法检查，表现效果就是单词拼写错误会出现红色下划线提示。有时，我们并不需要拼写检查，可以通过配置属性。
如何消除TextBox框中显示的历史记录?
jelink的专栏
09-01 1950
   解决方法为:        就是在html代码的form里,加入这个:autocomplete="off",就行了.
在textarea里,加提示效果.
网站开发初中级代码参考-转载
12-06 291
&lt;iframe name="google_ads_frame" marginwidth="0" marginheight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-4490194096475053&amp;amp;dt=1228531115328&amp;amp;lmt=1228528446&am...
输入框如何实现历史记录（项目实习总结）
ljyahaha的博客
07-12 4872
1、出现历史记录的需求 前些天，项目的啄木鸟计划中提出这样一个问题，每次用户输入什么，应该有历史记录供选择，搜索框获取焦点后会展示搜索历史，搜索历史记录可以存储在前端，由浏览器存储记录，这里就要提到我们常见的localStorage和sessionStorage了。 可以先打开浏览器的检查—Application检查存储的数据（当然这是已经实现好了的存储），也就是说我每次查询时都将我的输入存到localstorage中，下次获取到改输入框的焦点时将所有数据源展示出来。当然，思想很简单，但实施起来还是出了一些
谷歌浏览器（Chrome）输入框总是有历史输入记录，解决办法
weixin_45816407的博客
04-02 2万+
方法一 浏览器地址栏输入：chrome://settings/autofill，按钮关掉就可以了。 方法二 方法三 选中时按shift+del就可以删了
JavaScript前端：输入框关闭弹出历史记录功能
qq_46119575的博客
01-11 4149
JavaScript前端：输入框关闭弹出历史记录功能
设置textarea输入时页面不自动滚动至光标处
最新发布
10-01
在HTML中，当textarea元素获得焦点并开始接收用户输入时，默认情况下页面会自动滚动到textarea的光标位置。如果你想避免这种自动滚动，可以设置textarea的`autofocus`属性为`false`，并在需要的时候手动调用`focus()`方法聚焦输入框。同时，你还可以禁用`scrollIntoView`的行为，这通常发生在用户按下回车键时。 下面是一个例子： ```html <textarea id="myTextarea" autofocus=false></textarea> <script> var textarea = document.getElementById('myTextarea'); // 点击按钮时聚焦文本框但不自动滚动 function focusWithoutScroll() { textarea.focus(); } </script> ``` 然后，在JavaScript里，你可以添加事件监听器，如点击按钮时触发`focusWithoutScroll`函数： ```javascript document.querySelector('.myButton').addEventListener('click', focusWithoutScroll); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值