解决浏览器自动回填表单问题

最新推荐文章于 2022-06-21 17:45:48 发布
原创 最新推荐文章于 2022-06-21 17:45:48 发布 · 758 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #js #css

本文介绍了一种在网页中隐藏密码输入框的方法，通过在input标签上添加特定样式属性实现，适用于需要隐蔽处理用户密码的场景。

在目标input上面添加一个标签

<input type="password" name="password" style={{display:'none'}} />

如何关闭表单自动填充（测试环境Chrome浏览器）
吴小花的博客
09-06 5514
禁用自动填充 要禁用的表单自动填充，网页可以将autocomplete的属性设置为 "off"： autocomplete="off" 网站可以为整个表单设置或单独设置： <form method="post" action="/form" autocomplete="off"> […] </form> <form method="post" ac...
浏览器表单自动填充调研
mjzhang1993的博客
04-10 2013
自动填充保存用于登录此网站的密码，这个动作是需要用户手动确认的，如果用户没有保存则不会有，网站的这个功能主要是为了存储密码，如果是个普通表单，那么不会被浏览器记录（chrome 对设置了 name 的表单会有记录）自动填充分两种，一种是直接添加到表单中（非交互自动填充），一种是提供下拉选择（交互自动填充）firefox 中如果一个域名下只有一个账号密码记录，那么会自动添加到表单中chrome（非无痕模式） 中一个域名下无论有多少个账号密码记录，都会自动添加最近使用的到表单中。
在360浏览器中打开表单，回显错误数据
weixin_30235225的博客
05-05 260
同一条数据，在不同的浏览器上点击编辑，表单中显示的不一样，360会把原来记住的账号密码给显示到上面，谷歌不存在这个问题，一开始考虑让用户都使用谷歌，但是后来发现，这有点不现实，我不可能告诉每个客户让他使用谷歌浏览器，今天解决了该问题，分享下： 360显示效果（admin和密码都是之前测试的账号）： 谷歌显示效果： 解决方案： 在input标签中添加以下属性： “ ...
浏览器自动回填问题
12-11 230
表单里面有用户名密码这些时，有时候希望除了登入页面外，其他表单不要自动回填，可以在不需要回填的页面上这样处理：如果是用户名密码回填（这种情况应该最多），在密码输入框前面加上<input type="password" style="display:none">，这样就可以了 ...
浏览器记住密码和回填
weixin_30741653的博客
09-09 375
表单的一些问题 1. 浏览器记住帐号(验证码)密码 2.浏览器表单回填 在浏览器里有一个前端的爬虫，可以抓取到我们的inut type=password，我们成功的提交表单，浏览器会在右上角弹框，询问是否记住密码，但是我们发现有时候记住的不是我们的帐号，比如: 提示我们记住的是验证码，但是产品说这个必须是帐号，这个需求提的我猝不及防，然后就有了这一篇记录。 方案 ...
关闭浏览器在打开浏览器内容回填（类似微博）
错误集中营
05-29 900
var DispClose = true; function CloseEvent(){ if (DispClose){ return "是否离开当前页面?"; } } function UnLoadEvent(){ DispClose = false; //处理浏览器关闭前
防止浏览器自动填充表单
Dronwing fish
04-22 2506
当我们在登录页选择记住密码后，如果在之后的页面中还存在type和name相同的输入框，比如修改密码或者新建用户时，浏览器会自动填充表单，这并不是我们想要的效果。解决这个问题有以下几个办法： 在我们真正想要输入的input前创建一个不显示且type等于password与和真正密码输入框同样name的input 这样浏览器填充的密码就填充在了不显示的输入框内。 使用autocomplete="new...
浏览器表单自动填充问题【兼容性解决方案】
一只彩乌鸦
06-21 2231
stackoverflow: chrome-ignores-autocomplete-off更多参考该问题是关于Chrome浏览器自动填充的功能，Chrome团队对此给出了他们的立场-https://bugs.chromium.org/p/chromium/issues/detail?id=468153#c164简单来说，有两种情况——【案例1】：你的类型不是。在这种情况下，解决方案很简单，分为三个步骤。将属性添加到不应以电子邮箱或用户名之类的值开头，否则Chrome任然会显示下拉列表。例如，显示下拉菜单，
chrome自动填写表单插件
05-24
Chrome自动填写表单插件是一种方便用户快速填充网页表单的工具，尤其适用于频繁需要填写相同信息的场景，如在线注册、购物结账等。它通过识别URL来判断是否需要激活自动填充功能，如果URL以"form.php"结尾，表明这是...
浏览器回填账号密码,el-form点击回车,为什么没有触发提交
最新发布
07-12
在使用 `el-form` 时，点击回车键未触发表单提交的问题通常与浏览器的自动填充行为有关。尤其是在涉及账号密码输入框时，浏览器...以上方法可以帮助更好地管理 `el-form` 中的表单提交和浏览器自动填充行为之间的交互。
Vue使用本地数据 回填表单
眾K的博客
11-18 2328
created() { // 获取本地数据 let row = JSON.parse(sessionStorage.getItem("row")); // 使用本地数据 回填表单 this.goodsAddForm.goodsname = row.goodsname; this.goodsAddForm.goodscategory = row.goodsc...
vue 解决浏览器自动回填输入框问题
x_nweBorder01k的博客
04-08 3393
使用个别浏览器加载页面时，有些输入框会受浏览器自动记住密码影响，自动回填信息，解决：先把输入框设置为只读状态，当获取焦点时再取消这一属性。 加： readonly onfocus="this.removeAttribute('readonly');" 例如： <el-input size="mini" placeholder="" readonly onfocus="this.removeAttribute('readonly');" v-model="formPass.testUserC
**解决google浏览器 密码回填样式**
qq_41007321的博客
01-18 475
解决方案是：将浏览器自带的样式填充，或者覆盖（css）； 综合之前网上的各种方法，得出以下结果：以应对不同的情况吗，请全盘复制； &:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ -webkit-text-fill-color: #62dfc2 !important;//自动填入文字的颜色 box-shadow: 0
使用VueJs模拟表单数据的添加、回填修改
z2014ypd的博客
04-07 5461
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Vue课后题</title> <script type="text/javascript" src="js/vue.js"></script> <style...
react antd 解决表单中的账户和密码输入框记住浏览器密码 并回填到输入框的问题...
棠樾的博客
05-07 3193
问题：点击新增按钮时会出现一个表单，其中的账户和密码的输入框会自动回填浏览器记住的默认密码和账户信息，当然这是不符合需求的 那么如何去掉这一默认回填呢？ 网上查找资料，使用HTML属性autocomplete=“off”没有起作用 其他的解决方法的中心思想就是添加一个或多个<input type="password">使其占用回填浏览器的记住的密码和账户，并使添加的<in...
解决vue中前台页面回填数据的问题
star的博客
01-22 4095
#解决vue编辑页面回填数据的问题 ##Object.assign()深拷贝方法 Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象（target）。 它至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源对象。只要有一个参数不是对象，就会抛出TypeError错。 ...
谷歌浏览器莫名自动回填from表单的问题解决方式
涂涂
01-17 1397
在开发中遇到不管怎么查看数据，都没有，但是表单还是会被回填的情况 原因： 原因是浏览器里面保存了很多个账号密码，他让你记住密码后下一次免输入密码的机制是去找当前页面的表单中id，name或者 type为password的第一个input ，回填记住的密码，然后把最近的一个type为非number类型的input回填记住的账号； 因此，当你的表单中存在类型为password的input的时候就...
浏览器保存密码后自动填充问题
weixin_34130269的博客
09-03 490
问题描述 在浏览器中进行登录操作时浏览器往往会问我们是否需要记住密码，当我们点击了记住密码后，发现浏览器会自动填充此域名下已经保存的账号密码，给用户带来不便。加了HTML5 中的新属性autocomplete="off" ，但是并没有产生效果。 浏览器自动填充机制 反复测试后发现浏览器自动填充机制是满足：页面里有一个type=passwo...
阻止浏览器自动回填表单功能的几种方法
whx_0408的专栏
01-29 2424
1. 如果支持html5， 设置autocomplete属性为off，浏览器默认autocomplete属性为on，示例如下：2. 增加隐藏域，需要填写的表单，不要设置name属性， 通过js间接操作，示例如下：
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值