input输入框浏览器自动补全密码BUG解决

最新推荐文章于 2024-01-04 20:28:03 发布
原创 最新推荐文章于 2024-01-04 20:28:03 发布 · 416 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #html5 #javascript

博客聚焦于input输入框浏览器自动补全密码的BUG解决。网上多数教程采用autocomplete=“off”，但实测无效，而在谷歌浏览器下使用autocomplete=\new - password\可解决该问题。

input输入框浏览器自动补全密码BUG解决

看了网上一些教程，大多数都是autocomplete=“off”，实测无效。
谷歌浏览器下autocomplete="new-password"是可以解决的

前端解决使用input框的自动填充和浏览器缓存密码问题
朱远辉的博客
09-19 3308
前端解决使用input 框的自动填充和浏览器缓存密码问题
浏览器表单自动填充问题【兼容性解决方案】
一只彩乌鸦
06-21 2231
stackoverflow: chrome-ignores-autocomplete-off更多参考该问题是关于Chrome浏览器自动填充的功能，Chrome团队对此给出了他们的立场-https://bugs.chromium.org/p/chromium/issues/detail?id=468153#c164简单来说，有两种情况——【案例1】：你的类型不是。在这种情况下，解决方案很简单，分为三个步骤。将属性添加到不应以电子邮箱或用户名之类的值开头，否则Chrome任然会显示下拉列表。例如，显示下拉菜单，
解决谷歌浏览器给输入框input自动填充密码问题
搬代码的农民 的博客
02-19 1万+
在使用浏览器过程中经常会保存一些账户和密码。 如果是多人共享的电脑上不小心保存了，会让账户不太安全，并且黄色的背景也不好看（当然解决黄色背景的方法是有的）。 (图是借的) 在自己开发的管理后台时也会遇到这样的问题。 这时候我们可能会在 input上 加上 autocompleted="off" 这个属性来阻止input被自动填充。 <input type="text" name=...
input输入框禁止自动补全和下拉提示
张营的技术博客
08-24 8263
input 输入框在输入后浏览器会记录用户输入的值，在下次输入的时候会将记录的值提示在输入框的下面，当输入框是密码的时候，这样可以看见上次输入的密码，这样用户体验不好，input标签有个属性可以禁止这种操作：<input type="number" autocomplete="off" >这样用户的输入的值就不会被浏览器记录，可以达到较好的效果。
chrome浏览器自动填充密码的字号设置不生效
学敲代码的Stars的博客
01-04 1440
给表单设置自动填充 autocomplete=“on” 后，chrome会默认给自动填充的input表单加上 input:-webkit-autofill 私有属性。试了官方的 autocomplete=“off” 无效， autocomplete=“new-password” 成功了。随便点击一下就会恢复我设置的字号大小。刷新浏览器初始化字号很小。
谷歌浏览器记住密码引发的input样式问题解决
daxi玫瑰的博客
05-22 1001
最近写了个登录记住密码的功能，结果和浏览器自带的记住密码冲突，导致样式变得很糟糕，百度了一堆都不好用，下面这个亲测有效！！！与君共勉~ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition: "color 9999s ease-out, background-color 999...
input[type=”password”] 输入框阻止chrome浏览器弹出用户名密码下拉框提示
wdm891026的博客
05-11 8594
一、现象： 框架： angular 环境：chrome最新版 谷歌浏览器记住密码后，输入框为 password 类型时，就会自动展示已经保存的用户名密码列表； 如下图所示： 代码如下： <!-- 登录密码输入框代码 --> <input nz-input [placeholder]="'Please input the password' | translate" formControlName="password" type="password" /> ...
解决：autocomplete=“off“在360浏览器不生效问题
Miss_Y0的博客
04-24 541
来改变这个状态，让输入框可以输入或者只读，这样就不会被记住密码填充了。给input设置一个默认的。
输入框精确到秒html,分享下input time输入框的细节知识
weixin_39623805的博客
06-04 3144
最近与type=”time”类型的input输入框打了不少交道，学到了不少知识，和大家分享下。一、关于兼容性和UI表现1. Safari浏览器Safari桌面端浏览器目前并不支持time输入框，14之后的版本貌似会支持，兼容性图如下：2. Chrome浏览器Chrome浏览器的兼容性相当不错，各个操作系统，以及移动端均支持。并且Chrome浏览器点击输入框右侧的图标会显示下拉选择。但是，很奇怪的是...
React Autosuggest组件：支持WAI-ARIA的自动补全库
react-autosuggest 是一个专为 React 框架设计的自动建议（Autosuggest）组件，其核心目标是提供一个高度可定制、无障碍友好且用户体验优良的输入建议解决方案。该组件严格遵循 WAI-ARIA（Web Accessibility ...
Firefox中autocomplete=off 设置不起作用Bug的解决方法
01-19
查看源码会发现input输入框加上了autocomplete=”off”，此为了屏蔽浏览器表单默认的记忆功能。淘宝，百度的搜索框也有该属性。autocomplete 属性是非标准的，首先在 IE5 中加入，后 其它浏览器 都 支持。html5 也将...
input的type属性为number默认保留俩位小数 没有就补全
最新发布
06-04
-inputtype="number"默认允许输入小数，但不会自动补全或格式化小数点。实现保留两位小数并补全的方法：-HTMLinputtype="number"提供step属性可以设置小数的步进值，但默认行为不会改变格式。-需要使用JavaScript来...
取消chrome浏览器自动填充密码功能-autocomplete
Sail__的专栏
05-16 5795
在前端页面进行登录时，需要填写密码，那么为了保证密码不被看到，我们首选的input表单的type类型必然时password。 例如 <input type="password" name="password" id="password" placeholder="密码"/> 如果此时登录成功，那么chrome浏览器就会提示你是不是需要记住密码。 此时如果有需要在页面上加...
html 密码框自动填充,解决chrom浏览器input密码框自动填充
weixin_39844549的博客
06-02 1021
前言：如果是同域名网站，并且曾经在该网站下登录过账号密码，并且选择了记住账号密码。chrome浏览器会对账号密码进行自动填充功能，虽然这功能给我们提供了很多方便，但是也带来了些困扰。一、问题起始①当“密码”那项input的type是text的时候并不会出现问题卡号:密码:②当“密码”那项input的type改成password的时候，问题就出现了。卡号:密码:这时会发现，浏览器对input进行了自...
浏览器中form和iput设置autocomplete="off" 不起作用
zhang52open的专栏
10-22 6312
开发中发现，360浏览器等为避免liul
不让浏览器自动补全用户名密码
guozhubing的博客
11-23 1840
1. 在input标签里加  autoComplete="off"，不过很多浏览器不认这种写法（只在chrome中找问题，发现只要input的type是password，就会把帐号密码补上）； 2. 将要输入密码的input标签的type默认称text，然后用js控制type的改变（onfocus的时候改变type为password）。 3. 网上看有很多解决办法，比如加hide的input，
关于input自带的自动补全的功能——autocomplete
热门推荐
weixin_37575140的博客
01-10 1万+
纪念一下，这是我的第一篇在C站上的博客~撒花~ autocomplete 属性规定输入字段是否应该启用自动完成功能。默认情况下是启动的，也就是当你点击了input获取焦点之后浏览器会自动将以前的输入记录作为填入选项显示出来。这个是HTML5中的新属性，在不支持HTML5的浏览器下是没有用的。 注释：autocomplete 属性适用于 ，以及下面的 类型：text, search, ur
键盘遮挡输入框bug
chengzuidongfeng的博客
12-29 428
今天解决了一个bug，虚拟键盘遮挡输入框。   解决这类问题有多种做法，但是也针对不同的项目情况做法也不同 出现的问题像在底部的输入框，当键盘弹出后输入框被遮住 解决思路有几种，需要有几点需要注意，稍后做一下解释，也是参考了好多网络资料再此表示感谢 1.一种时常见的简单直接在manifest中设置windowSoftInputModel="adjustPan|stateHidden" 这...
如何处理由于浏览器设置导致的autocomplete="off"失效的问题
yihuoZhou的博客
05-31 5918
1.因为谷歌只会自动填充第一个<input type="password">和它之前的<input>,所以可以添加以下代码：<input style="display:none"><input type="password" style="display:none">//添加在form元素的最上边，2.最好的解决是给autocomplete设置其他值（除on或off）<input type="tex
edge浏览器自动补全http怎么解决
05-21
### 解决 Microsoft Edge 浏览器自动补全 HTTP 地址的方法 Microsoft Edge 浏览器的自动补全功能通常是为了提升用户体验而设计，但在某些场景下可能会带来不便。对于 HTTP 地址的自动补全问题，可以通过以下方法尝试解决： #### 方法一：调整浏览器设置 通过更改 Edge 的隐私和安全设置来控制地址栏的行为。具体操作如下： 1. 打开 Edge 浏览器并进入 `设置` 页面。 2. 转到 **隐私、搜索和服务** 部分。 3. 查找选项 **“在地址栏中显示建议”** 并将其关闭[^1]。 - 此项设置可以禁用地址栏中的历史记录和其他网站建议。 #### 方法二：清除浏览数据 如果希望彻底移除特定 URL 的自动补全条目，可以选择手动删除相关的历史记录： 1. 进入 Edge 设置页面下的 **清除浏览数据** 功能。 2. 勾选 **浏览历史** 和其他相关内容。 3. 单击清理按钮以移除存储的数据[^2]。 需要注意的是，这种方法仅能临时解决问题，因为新的访问行为仍会被重新保存至数据库中。 #### 方法三：修改注册表（高级用户） 针对更深层次定制需求，可通过编辑 Windows 注册表实现完全屏蔽此特性： - 定位路径 HKEY_CURRENT_USER\Software\Policies\Microsoft\Edge。 - 创建名为 `AddressBarURLSuggestionsEnabled` 的 DWORD (32-bit) Value，并设其值为 0 来禁用该功能[^3]。 > 注意事项：修改系统级配置前务必做好备份工作以防意外情况发生！ #### 方法四：利用扩展程序增强控制力 安装第三方插件也是另一种可行方案。例如，“uBlock Origin” 或 “Adblock Plus” 等广告拦截工具往往附带额外过滤机制，可帮助减少不必要的提示干扰。 ```javascript // 示例代码展示如何动态添加属性防止自动填充 document.addEventListener('DOMContentLoaded', function () { const inputs = document.querySelectorAll('input'); inputs.forEach(input => input.setAttribute('autocomplete', 'off')); }); ``` 以上脚本可用于网页开发阶段阻止个别输入域被预填内容覆盖。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值