浏览器自动回显账户密码问题

m0_38022543

已于 2022-06-27 09:46:51 修改

阅读量781

点赞数 5

文章标签： elementui

于 2022-06-23 17:44:52 首次发布

本文链接：https://blog.csdn.net/m0_38022543/article/details/125431671

版权

input的type="password"时，会出现回显账号面的情况

代码中使用了

autocomplete=“off”

原因：

但是没用

然后想了下，密码框会回显之前保存的账户，是因为设置了type=“password”，所以我们只需要改变text类型即可

解决

2022-6-27 补充：

只是这样设置没有解决我的项目中修改密码的需求，会出现的问题是：先输入确认密码，失去焦点后，上一个新密码的输入框会回显原来的账号。

最后的结局方案：auto-complete设置为 new-password

附上auto-complate介绍，点击即可

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

m0_38022543

关注关注

5
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
浏览器自动回显账户密码问题

浏览器自动回显账户密码问题
复制链接

扫一扫

bash脚本输入密码不回显问题的解决方法

09-15

总结来说，解决Bash脚本输入密码不回显问题的关键在于利用`stty`命令或者`read`命令的`-s`选项来控制终端的回显状态。这样既能保证用户在输入密码时不被他人看见，也能确保脚本的安全性和隐私性。在编写涉及敏感信息...

js实现form表单自动回显功能

04-13

js实现form表单自动回显功能

参与评论您还未登录，请先登录后发表或查看评论

解决记住登录账号密码的网站，会将账号密码回显到输入框问题

Lear的博客

09-18

7672

场景：某个网站登录时在浏览器会选择保存密码，则在页面上的输入框内会将该网站保存过的账号或密码回显。一般这种需求对用户是不需要的，所以下面为解决此问题的方法????： 1.input 标签不要用id选择器，去掉就不会自动回填浏览器自动保存的用户名,密码了。可以用class类选择器。 2.解决密码回显： 2.1“大部分浏览器都是根据表单域的type="password"来判断密码域”，因此解决办...

vue中解决输出框回显浏览器保存的账号和密码问题

iphonepl的博客

06-21

225

vue、iviewUI、input、浏览器密码回显

禁止浏览器自动填充密码,用户名的问题

weixin_44541046的博客

08-14

964

最近在项目中遇到一个问题,系统管理员在页面添加普通用户时候,浏览器会在用户名和密码框自动填充当前登录用户名和密码,在网上搜索很多,找到几种办法,亲测第三,四种方法有效,建议使用第四种方法一:设置autocomplete=‘off’,适用于普通文本框 //用户名 <input type="text" autoComplete="off" name='name'/> 方法二:设置aut...

解决浏览器记住密码情况下,表单的账号和密码会默认回显的问题

qq_42882723的博客

07-21

729

<el-form-item label="密码：" prop="password" :verify="['Length>6','Length<12']"> <input type="text" class="hidden" /> <input type="password" class="hidden" /> <el-input v-model="detailForm.password" autocompl

vue解决密码input框内回显浏览器之前保存的账号密码

T_ianxin的博客

06-01

690

问题：　　浏览器保存登录的账号密码之后，在界面修改会自动回显到input框内，影响观感使用。解决办法：　　给input加上属性autocomplete="new-password" readonly onfocus="this.removeAttribute('readonly'); this.type='password'" 　　如下： <el-input v-mod...

阻止google浏览器提示更新密码及阻止默认账户密码回显

weixin_41674235的博客

07-01

2474

其根本原因是input type=password时浏览器会自动填充优化场景：用户在重置密码，去请求接口之后未修改成功，浏览器也会提示更新错误密码。解决方法是通过使用input type=text 修改css属性达到预期效果（不兼容ie、element-ui）上面的能完美解决除ie外的其他浏览器，但是在ie浏览器中它不会加密展示，而是直接把文本展示出来了，ie就需要区分处理（ie就用password）二、阻止默认回显场景：google在报错过账户密码之后，去新增用户会自动回显当前用户的账号密码

iview的输入框避免自动输入浏览器密码

itacmen的博客

03-03

1591

<Form :label-width="120" :model="params" ref="params" :rules="rule"> <FormItem label="管理员账号" prop="admi...

浏览器自动填充导致input无法回显问题解决方法

雨夜星辰03--的博客

05-02

1290

浏览器的自动填充导致我的用户编辑回显的数据被覆盖了，百度了很多方案都不太方便和兼容性不好！受http://www.qiusuoweb.com/37.html这个博客启发，想到一种通用性更好的方案如下，特意记载下来！解决:解决浏览器自动填充导致input数据不回显问题方案：在input标签内加上下面代码autocomplete="off" readonly="true" onclick="this...

Python 隐藏输入密码时屏幕回显的实例

09-19

1. 明文回显账号密码在Python的早期版本中，获取用户输入通常使用`raw_input()`函数。以下是一个简单的示例，展示了如何使用`raw_input()`获取用户名和密码： ```python username = raw_input('username:') ...

关于layui时间回显问题的解决方法

10-16

在使用layui框架开发Web应用时，常常会遇到时间回显的问题，即从后端接口获取到的时间数据无法正确地在前端页面上显示。本篇文章将详细介绍如何解决layui时间回显问题，帮助开发者优化用户体验。首先，理解问题的...

图片转base64保存到数据库 , 并回显到浏览器

12-24

`imgdemo`可能是一个示例程序或者一个包含处理图片的测试脚本，用于演示如何将图片转换为Base64，存储到数据库，然后从数据库中取出并回显到浏览器。 7. **安全性与性能考虑**：尽管Base64编码方便了图片的存储...

vue2和el-input无法修改和写入，并且不报错

最新发布

呆萌小新@渊洁的博客

07-24

409

由于orginParams初始化为 originParams:{}.造成originParams被赋值时，属性均为动态型。虽然可以通过这种方式让父子数据交互，但可以发现，子组件的v-model接收对象，和props.row的交互逻辑异常麻烦。看过相关的很多内容，大部分集中在说需要添加$forceUpdate.而我根本不行。但我的业务中可以发现，进行了多层匿名子组件嵌套。上述内容中经测试，数据回显异常，程序不报错，无法显示输入变化，但是数据可以被正常修改。在我所在的业务场景中。业务中原本使用动态方式，

TreeSelect增加可筛选功能

qq_43048011的博客

07-24

833

应用到本地项目本地tree数据结构

【elementui】记录el-table设置左、右列固定时，加大滚动条宽度至使滚动条部分被固定列遮挡的解决方法

bbt953的博客

07-24

287

记录el-table设置左、右列固定时，加大滚动条宽度至使滚动条部分被固定列遮挡的解决方法

vue3——利用自定义指令实现下拉框分页懒加载

zmy967131的博客

07-24

350

vue3——利用自定义指令实现下拉框分页懒加载

java项目自动获取上次登录的账号密码，回显页面

06-07

您好，要实现自动获取上次登录的账号密码并回显到页面上，可以通过以下步骤实现： 1.将用户的账号密码保存到Cookie中，在用户下一次访问网站时，从Cookie中读取账号密码信息。 2.在后端代码中读取Cookie中的账号密码信息，将其传递到前端。 3.在前端代码中使用JavaScript读取后端传递的账号密码信息，并将其填充到相应的文本框中。下面是一个简单的示例：后端代码： ```java // 从Cookie中读取账号密码信息 Cookie[] cookies = request.getCookies(); String username = null; String password = null; if (cookies != null) { for (Cookie cookie : cookies) { if (cookie.getName().equals("username")) { username = cookie.getValue(); } else if (cookie.getName().equals("password")) { password = cookie.getValue(); } } } // 将账号密码信息传递到前端 request.setAttribute("username", username); request.setAttribute("password", password); ``` 前端代码： ```html  <input type="text" id="username" value="${username}"> <input type="password" id="password" value="${password}"> <script> // 读取后端传递的账号密码信息 var username = document.getElementById("username").value; var password = document.getElementById("password").value; // 将账号密码填充到文本框中 document.getElementById("username").value = username; document.getElementById("password").value = password; </script> ``` 注意，为了保护用户的账号密码安全，应该对密码进行加密后再保存到Cookie中。另外，为了避免用户的账号密码被其他人恶意获取，应该设置Cookie的有效期，并在用户退出登录时删除Cookie。