autocomplete=“off“不起作用，终极解决方案

最新推荐文章于 2025-02-17 22:15:00 发布

Li_Ning21

最新推荐文章于 2025-02-17 22:15:00 发布

阅读量577

点赞数 3

文章标签：前端 vue autocomplete

本文链接：https://blog.csdn.net/Li_Ning21/article/details/143179605

版权

当某个区域内，仅有一个input框时，浏览器可能就会识别并自动填充，
尝试了网上各种方案，
比如 autocomplete=“off” 或者 autocomplete=“new-password”
本地生效，但是发到服务器端就不好使了，

最终采用隐藏一个password 输入框的方式，欺骗一下浏览器，让他把不展示的输入框自动填充，从而保证本来的input框不受影响。

<i-input autocomplete="off" placeholder="请输入..." v-model="settlementNum" style="width: 350px"></i-input>
<i-input type="password" autocomplete="new-password" placeholder="请输入..." style="width: 110px; display: none" />

如果帮到你了，请点个赞吧！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Li_Ning21

关注关注

3
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

html解决浏览器记住密码输入框的问题

云加速

06-02

1026

或者，你可以使用一个伪装的输入框（如一个文本输入框）来捕获用户的输入，并在用户提交表单时将其转换为密码输入框的值。然而，这种方法可能不总是有效，因为浏览器的自动填充行为通常不受JavaScript的控制。当浏览器记住密码并自动填充到表单的密码输入框时，这通常是浏览器为了提供便利而采取的功能。虽然这不会阻止浏览器自动填充密码，但可以改善用户体验，让用户感觉到密码输入框没有被自动填充。请注意，没有一种方法是完美的，并且可能会因浏览器、浏览器版本和用户的隐私设置而异。有些第三方库提供了处理浏览器自动填充的功能。

autocomplete="off" 不生效的解决方法

最新发布

imkaifan的博客

02-17

598

autocomplete是Html5中的新属性。该属性规定输入字段是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入的时候，浏览器基于之前输入过的值，应该显示出在字段中填写的选项。该属性适用于，以及下面的类型。text,search,telephone,email,password,datepickers,range以及color.该属性有两个值，on和off。on是默认的，规定启用自动完成功能。off是规定禁用自动完成功能。

autocomplete=“off“ 不起作用解决方案

木辰風的博客

09-14

2874

为了防止浏览器为用户自动填充账号密码，input标签 html5新增属性autocomplete，但这一属性经常出现不起作用的事情，为了解决这一问题，我找到一些解决方法；去掉了一些比较复杂的方法。网上没有找到对其详细解释，但是发现163邮箱的登录注册是这么用的。这种方法是最简单的。autocomplete官方只有"on","off"俩个值，但是"在input框中设置 autocomplete= "修改readonly属性。

autoComplete=“off” 无效

asunny_的博客

05-06

3440

autoComplete=“off” 无效 autoComplete自动填充属性有on/off两个值，但有时候想禁用自动填充效果的时候发现off不奏效。这时候可以随便给autoComplete赋个值就可以，比如auto Complete=“guan” 下面是我自己碰到的一个场景(与题目无关了)：测试在谷歌浏览器测试时，发现他在浏览器保存了地址信息(包括电话、电子邮件、地址等)之后，在form表单中，虽然只是input框(公司使用的是猪齿鱼)，但是当label字符匹配到之后还是会自己给赋值，但当我第一行如果

表单input浏览器自动填充autocomplete=“off“不生效的解决办法

weixin_45016440的博客

09-13

807

我们在需要填写账号密码的地方使用表单input时，常常会出现表单的自动填充，将浏览器已经保存的用户名密码填充到表单中，但有时我们是不需要这个填充的，就会给input设置属性autocomplete="off"。在某些情况下设置off并没有生效，还是会触发自动填充，这时候，我们可以设置autocomplete的属性为"new-password"，就可以取消表单的自动填充。

Layui动态表单不再失效：揭秘元素生成与验证的终极解决方案

![解决layui的form里的元素进行动态生成,验证失效的问题]...本文详细探讨了Layui元素的构成、创建方法及问题解决策略，深入分析了表单验证的实现与

Layui表单元素动态生成：确保验证不丢失的终极技巧

[Layui表单元素动态生成：确保验证不丢失的终极技巧](https://opengraph.githubassets.com/3431624e0ec13035c73cc2954b96f519910f78fe79202085857e64931dbccc93/lazyLuffy/formValidation) # 摘要 Layui作为一种...

Layui Table图片水印添加方法：原创内容保护的终极攻略

[Layui Table图片水印添加方法：原创内容保护的终极攻略](https://img-blog.csdnimg.cn/20200122190336133.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4...

Firefox中autocomplete=\"off\" 设置不起作用Bug

07-28

NULL 博文链接：https://snandy.iteye.com/blog/782837

【Layui高级搜索技巧】：多条件筛选与排序的终极指南

[【Layui高级搜索技巧】：多条件筛选与排序的终极指南](https://opengraph.githubassets.com/c85eaa89a86f60db93c14135b96b9062c538915dcdc93bb57fa8cc3d54655dfe/layui/layui/issues/1816) # 摘要 Layui作为一种...

autocomplete不起作用

qq_45803168的博客

12-17

2629

只有设置了name属性的输入框才会起作用。因为它是按照表单name进行存储，下次通过name寻找对应需要填充的值。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。但是不是所有控件都支持，支持一般只有文本类的表单控件。

autocomplete=“off“‘不起作用解决方案

蓝冰凌的博客

01-05

3839

为了防止浏览器为用户自动填充账号密码，input标签 html5新增属性autocomplete，但这一属性经常出现不起作用的事情，为了解决这一问题，我找到一些解决方法；去掉了一些比较复杂的方法。下面是两个简单容易实现的方法：方法一：在input框中设置 autocomplete= "new-password"；autocomplete官方只有"on","off"俩个值，但是"new-password"亲测可用。网上没有找到对其详细解释，但是发现163邮箱的登录注册是这么用的。这种方法是最简单的。.

js表单autocomplete=‘off‘失效问题

Welcome to my csdn!

09-21

569

众所周知。。。。autocomplete是Html5中的新属性，有‘off’,'on’两个属性。作用是点击输入框时，会打开或者关闭提示信息。部分浏览器也会出现失效的情况（emmmm…，毕竟是html5新增的，有点bug也正常哈）。这个时候应该如何解决呢？百度试了几种方法都不太理想，也有人说网易邮箱使用，autocomplete='new-password’来禁止这个弹窗的。嗯mmm~这倒是也有这属性，但是自己加上真的有用吗?

10.Form表单中Input输入框设置autoComplete=“off“ 不生效

11-09

1074

发现antd的Input组件的 autocomplete=“off” 属性 不生效。输入框获取焦点时，不展示chrome的默认行为。

html中autocomplete无效,'autocomplete="off"'在Chrome中不起作用解决方案

weixin_34520360的博客

06-04

3089

最近项目中遇到一个令人头疼的问题，查阅各种资料，尝试各种方法，最终得以解决；哎···下面就说说这心酸的历程吧。大家都知道autocomplete属性是表单字段中的HTML5新属性，该属性有两种状态值，分别为"on" 和 "off"，该属性可省略：省略属性值后默认值为"on"，也可以省略属性名，直接写入关键字on或off。网站项目中，有登录和注册的弹框，在除chrome的浏览器中一切都ok，一旦在谷...

autocomplete=“off“

weixin_46087919的博客

09-15

5178

autocomplete="off"

stablediffusion本地部署

02-07

### 部署 Stable Diffusion 的准备工作为了成功部署 Stable Diffusion，在本地环境中需完成几个关键准备事项。确保安装了 Python 和 Git 工具，因为这些对于获取源码和管理依赖项至关重要。 #### 安装必要的软件包和支持库建议创建一个新的虚拟环境来隔离项目的依赖关系。这可以通过 Anaconda 或者 venv 实现： ```bash conda create -n sd python=3.9 conda activate sd ``` 或者使用 `venv`: ```bash python -m venv sd-env source sd-env/bin/activate # Unix or macOS sd-env\Scripts\activate # Windows ``` ### 下载预训练模型 Stable Diffusion 要求有预先训练好的模型权重文件以便能够正常工作。可以从官方资源或者其他可信赖的地方获得这些权重文件[^2]。 ### 获取并配置项目代码接着要做的就是把最新的 Stable Diffusion WebUI 版本拉取下来。在命令行工具里执行如下指令可以实现这一点；这里假设目标路径为桌面下的特定位置[^3]: ```bash git clone https://github.com/AUTOMATIC1111/stable-diffusion-webui.git ~/Desktop/stable-diffusion-webui cd ~/Desktop/stable-diffusion-webui ``` ### 设置 GPU 支持 (如果适用) 当打算利用 NVIDIA 显卡加速推理速度时，则需要确认 PyTorch 及 CUDA 是否已经正确设置好。下面这段简单的测试脚本可以帮助验证这一情况[^4]: ```python import torch print(f"Torch version: {torch.__version__}") if torch.cuda.is_available(): print("CUDA is available!") else: print("No CUDA detected.") ``` 一旦上述步骤都顺利完成之后，就可以按照具体文档中的指导进一步操作，比如调整参数、启动服务端口等等。整个过程中遇到任何疑问都可以查阅相关资料或社区支持寻求帮助。