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

最新推荐文章于 2023-12-05 15:58:14 发布

qq_43174378

最新推荐文章于 2023-12-05 15:58:14 发布

阅读量2.6k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_43174378/article/details/89471764

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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

1.原因

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

2.解决方法

	开发中最后使用的是ajax异步提交,而且没有使用id和name属性而是用类选择器来获取标签的值传到服务端,测试可用.

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_43174378

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

360浏览器自动填充input输入框 vue

donghuzi1

11-17

405

360浏览器自动填充input输入框 vue

如何真正解决浏览器给输入框input自动填充密码

iUserWang

09-10

8732

我们在使用浏览器的过程中，经常会保存一些账户和密码。如下图所示，可以在自动填充中查看：这个方式为我们大大减轻了需要记忆多个用户名和密码的负担。但对于开发人员来说，也带来了些小困扰。一、问题 input的type是text等类型时，一切正常。而当你将你的input的type改成password的时候，问题就出现了。 <input type="password" class="for...

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

input 输入框禁止自动填充密码，适用于各种浏览器

qq_43065954的博客

11-13

2794

var passwordValue = ''; //定义一个空变量用来存储密码 $(function(){ $('#password').on('input', function(){ var value=$(this).val(); if(value.length > passwordValue.length){ passwordValue += value.substr(pa...

input自动输入设置

mongkey_king的博客

04-01

1419

<input type="text" name="user_name" id="user_name" autocomplete="off" placeholder="请输入用户名"><input type="password" name="user_password" id="user_password" a

input 框自动填充信息

会飞的咕咕鱼的博客

05-23

1678

给input框添加autocomplete=“off” 如果值为off还不行，那就给它设置成任意字符串(除‘on’和‘off’之外的)。 autocomplete属性值有2个： on:启用自动完成功能 off:禁用自动完成功能属性值为任意字符串：为了某个特定的输入而预设几个值来实现“自动完成”，例如：autocomplete=“my-password” ...

input 输入框自动添加 - 实现 000-00-0000格式

最新发布

逆风优雅的博客

12-05

222

【代码】input 输入框自动添加 - 实现 000-00-0000格式。

vue 浏览器 input type=“password“自动填充密码处理

weixin_46544600的博客

01-12

1070

autocomplete=“new-password” 也有问题。autocomplete=“off” 不生效。最后将type 值动态化处理好了。

vue页面防止input框自动填充的问题

学习从今天开始

11-21

530

vue中input框不要自动填充

清除input自动填充

10-11

清除input在浏览器中自动填充用户名等的情况，JQuery解决，IE8 ，chrome等均可以使用。

jQuery 禁止表单用户名、密码自动填充功能

10-19

这样，浏览器可能会尝试填充这些隐藏字段，而不会影响到真正的用户名和密码输入框，因为它们没有被填充，从而达到禁用自动填充的效果。此外，虽然本问题主要关注jQuery，实际上在这个场景中，我们并不需要直接使用...

input框中出现提示文字（兼容ie 火狐谷歌）

04-09

有好多的提示文字直接写在了input框中，placeholder属性只在高版本的谷歌和火狐中有但是不兼容ie8以下，此附件为input框中出现提示文字（兼容ie 火狐谷歌）。

ant design vue密码输入框自动填充问题

09-06

对于 ant design vue 密码输入框自动填充的问题，您可以尝试以下几种解决方案： 1. 设置 input 的 autocomplete 属性为 "new-password"，这会告诉浏览器不要自动填充密码。示例代码如下： ```html <a-input type=...

【我不熟悉的html】input框关闭自动填充，以及自动填充的下拉列表，autocomlete=“off“ 、修改name属性

qq_17335549的博客

10-08

2216

【我不熟悉的html】input框的自动填充autocomlete="off"的使用

解决Vue+element input自动填充与确定密码问题

L_C_sunny的博客

07-14

771

//自动填充问题 1.把input type为password改为text 2.-webkit-text-security:disc;直接变成小圆点 // 确定密码 var validatePass = (rule, value, callback) => { if (value === "") { callback(new Error("请输入密码")); } else { if (this.formLabelAlign1.pwdconfir

elementui 输入框里面禁止浏览器自动填充用户名密码

qq_44552416的博客

01-13

4754

问题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

875

项目中有一个界面是添加操作员，每次操作的时候都有一个邮箱选项和密码选项被自动填值，加了autocomplete="off"之后还是不好使，直觉跟网页记住密码有关系，删除记录的密码，问题消失，后来百度到一个比较合理的解释，这个东西引起的原因根本是浏览器会让你类似于登录的input当成是登录框来处理（只要你是type=text和type=password两个input同时存在就会把浏览器记住的密码下拉显示出来），直接把type=password去掉之后问题解决。但是密码的问题又出现了，密码直接显...

【JS】【29】解决浏览器自动填充密码输入框的问题

aizhu4795的博客

06-19

984

前言：该文章仅为记录方法，原博写得很好，可直接查看原博。我在实际项目中觉得比较麻烦，直接自动填充就自动填充算了，并未做处理正文： 1，使用HTML属性（autocomplete="off"） <input type="password" autocomplete="off"/> 由于自动填充这个特性是浏览器自己实现的，autocomplete这个属性也没有被...

【笔记】控制 input 输入框获得焦点后自动弹出的浏览器账号密码的提示弹窗

你得不到的健壮男子

08-13

1164

使用 name=“email” name=“text” name=“password” 分别尝试使用 autocomplete=“new-password” 动态切换 readonly setTimeout(() => { this.readonly = false; }, 1000);

html 密码填充,input 密码自动填充问题

weixin_32871457的博客

06-19

1050

今天被一个小小的前端密码属性弄的头疼，现代的浏览器在你登录后会让你保存账号和密码，然后下次使用时可以非常方便帮你自动填充好账号和密码，对用户来说的确很方便，但是有时候开发人员不希望自动填充密码，而且自动填充对有的浏览器识别会出现问题，比如登录后其他页面的input如果有有password属性就会被填充，但明明就不是一个地方的密码......下面说正题，input标签设置 type="passwo...