input密码输入框自动填充和提示

最新推荐文章于 2023-12-05 15:58:14 发布
最新推荐文章于 2023-12-05 15:58:14 发布
阅读量2.5k 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43174378/article/details/89471764
版权

input密码输入框在前端会自动填充和提示的解决方法之一(谷歌浏览器)

1.原因

	(个人猜测未证实)浏览器记住密码后,页面有密码输入框标签,浏览器会根据id和name属性从密码域中找到匹配的密码进行填充,找不到就提示密码

2.解决方法

	开发中最后使用的是ajax异步提交,而且没有使用id和name属性而是用类选择器来获取标签的值传到服务端,测试可用.
qq_43174378
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
input 输入框禁止自动填充密码，适用于各种浏览器
qq_43065954的博客
11-13 2700
var passwordValue = ''; //定义一个空变量用来存储密码 $(function(){ $('#password').on('input', function(){ var value=$(this).val(); if(value.length > passwordValue.length){ passwordValue += value.substr(pa...
解决浏览器自动弹出账号和密码问题
weixin_47321496的博客
05-14 3985
文章目录场景需求试错解决完整代码 场景 当我进入此页面得时候，输入框自动补全了账号和密码，而且输入框获取焦点时会有账号和密码提示 需求 从账号安全角度来说，不希望用户每次都能直接记住密码登录，而是希望用户每次都能自己输入账号和密码 试错 不知道是不是谷歌浏览器得原因，百度了好多种方案，都不能满足我的需求 加属性 autocomplete=“off” ------------------- 没啥用 <input type=“text” style=“height: 0;opacity: 0”&
input自动输入设置
mongkey_king的博客
04-01 1378
&lt;input type="text" name="user_name" id="user_name" autocomplete="off" placeholder="请输入用户名"&gt;&lt;input type="password" name="user_password" id="user_password" a
input 框自动填充信息
会飞的咕咕鱼的博客
05-23 1610
给input框添加autocomplete=“off” 如果值为off还不行，那就给它设置成任意字符串(除‘on’和‘off’之外的)。 autocomplete属性值有2个： on:启用自动完成功能 off:禁用自动完成功能 属性值为任意字符串：为了某个特定的输入而预设几个值来实现“自动完成”，例如：autocomplete=“my-password” ...
input 输入框自动添加 - 实现 000-00-0000格式
最新发布
逆风优雅的博客
12-05 161
【代码】input 输入框自动添加 - 实现 000-00-0000格式。
【我不熟悉的html】input框关闭自动填充，以及自动填充的下拉列表，autocomlete=“off“ 、修改name属性
qq_17335549的博客
10-08 2133
【我不熟悉的html】input框的自动填充autocomlete="off"的使用
清除input自动填充
10-11
清除input在浏览器中自动填充用户名等的情况，JQuery解决，IE8 ，chrome等均可以使用。
axure自动填充输入框
07-15
相信大家在日常的原型绘制过程中会经常遇到需要使用自动填充输入框的效果绘制，如电商商品名称搜索时等效果，笔者使用动态面板+中继器实现了这个效果，大家可以放心下载使用
解决浏览器会自动填充密码的问题
08-30
浏览器自动填充密码是指浏览器在用户登录或注册时，自动填充用户名和密码的行为。这种行为可能会导致用户的账户信息泄露，影响用户的隐私和安全。因此，解决浏览器自动填充密码的问题非常重要。 解决方法一：使用...
jQuery 禁止表单用户名、密码自动填充功能
10-19
这样，浏览器可能会尝试填充这些隐藏字段，而不会影响到真正的用户名和密码输入框，因为它们没有被填充，从而达到禁用自动填充的效果。 此外，虽然本问题主要关注jQuery，实际上在这个场景中，我们并不需要直接使用...
input框中出现提示文字（兼容ie 火狐 谷歌）
04-09
有好多的提示文字直接写在了input框中，placeholder属性只在高版本的谷歌和火狐中有但是不兼容ie8以下，此附件为input框中出现提示文字（兼容ie 火狐 谷歌）。
c#textbox输入框自动提示、自动完成、自动补全功能
04-26
在提供的压缩包中，包含了名为"CSharptextbox输入框自动提示功能"的解决方案文件（sln）、用户选项文件（suo）以及项目文件，这些都是实际实现上述功能的源代码示例。通过查看和分析这些文件，你可以学习到如何将...
elementui 输入框里面禁止浏览器自动填充用户名密码
qq_44552416的博客
01-13 4459
问题1 浏览器这功能在登录的时候挺好用的，但是在注册和管理的时候就很难受了 所以 在普通的input上直接off就行了 <input type="password" autoComplete="off"/> 而在elementui上使用autoComplete="off"是没用的 得使用new-password <el-input v-model="form.password" show-password auto-complete="new-password"></el-
浏览器记住密码的导致自动填充Input
sinat_33201781的博客
06-28 843
项目中有一个界面是添加操作员，每次操作的时候都有一个邮箱选项和密码选项被自动填值，加了autocomplete="off"之后还是不好使，直觉跟网页记住密码有关系，删除记录的密码，问题消失，后来百度到一个比较合理的解释，这个东西引起的原因根本是浏览器会让你类似于登录的input当成是登录框来处理 （只要你是type=text和type=password两个input同时存在就会把浏览器记住的密码下拉显示出来），直接把type=password去掉之后问题解决。但是密码的问题又出现了，密码直接显...
【JS】【29】解决浏览器自动填充密码输入框的问题
aizhu4795的博客
06-19 944
前言：该文章仅为记录方法，原博写得很好，可直接查看原博。我在实际项目中觉得比较麻烦，直接自动填充就自动填充算了，并未做处理 正文： 1，使用HTML属性（autocomplete="off"） <input type="password" autocomplete="off"/> 由于自动填充这个特性是浏览器自己实现的，autocomplete这个属性也没有被...
如何真正解决浏览器给输入框input自动填充密码
iUserWang
09-10 8556
我们在使用浏览器的过程中，经常会保存一些账户和密码。如下图所示，可以在自动填充中查看： 这个方式为我们大大减轻了需要记忆多个用户名和密码的负担。 但对于开发人员来说，也带来了些小困扰。 一、问题 input的type是text等类型时，一切正常。 而当你将你的input的type改成password的时候，问题就出现了。 <input type="password" class="for...
【笔记】控制 input 输入框获得焦点后自动弹出的浏览器账号密码的提示弹窗
你得不到的健壮男子
08-13 1124
使用 name=“email” name=“text” name=“password” 分别尝试 使用 autocomplete=“new-password” 动态切换 readonly setTimeout(() => { this.readonly = false; }, 1000);
html 密码填充,input 密码自动填充问题
weixin_32871457的博客
06-19 991
今天被一个小小的前端密码属性弄的头疼，现代的浏览器在你登录后会让你保存账号和密码，然后下次使用时可以非常方便帮你自动填充好账号和密码，对用户来说的确很方便，但是有时候开发人员不希望自动填充密码，而且自动填充对有的浏览器识别会出现问题，比如登录后其他页面的input如果有有password属性就会被填充，但明明就不是一个地方的密码......下面说正题，input标签设置 type="passwo...
ant design vue密码输入框自动填充问题
09-06
对于 ant design vue 密码输入框自动填充的问题，您可以尝试以下几种解决方案： 1. 设置 input 的 autocomplete 属性为 "new-password"，这会告诉浏览器不要自动填充密码。示例代码如下： ```html <a-input type=...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值