首页 > 其他分享 >解决浏览器input文本框显示账号密码问题

解决浏览器input文本框显示账号密码问题

时间:2023-05-25 14:14:10浏览次数:44  
标签:浏览器 name 填充 文本框 input 账号密码

系统里有个搜索框,搜索框是input type="text"的标签,不知为何,始终会显示登录后的用户名在里面。

虽然浏览器开启了自动填充,但是这个文本框的name也不是登录框的name,也不是密码框,但是依然自动填充了。

这个问题困扰了我很久。可能是浏览器的bug?

尝试了多种方法都无法解决,后来经过研究,这个搜索框是html文档的第一个文本框,猜测浏览器会将内容自动填充到第一个文本框,就加了如下代码,果然解决了。

<body>
    <!-- 解决浏览器自动填充问题 -->
    <input type='text' style='display:none'>
    <input type='text' autocomplete='off' style="display:none;"/>
    <input type='password' autocomplete='new-password' style="display:none;"/>
</body>

将以上代码放到<body>第一个位置处,input设置隐藏。

 

标签:浏览器,name,填充,文本框,input,账号密码
From: https://www.cnblogs.com/jsper/p/17431016.html

相关文章

  • el-input的input和change事件区别
    inputinput是在输入值变化后就会触发changechange是在输入值变化并且失去焦点或用户按Enter时触发。与blur事件有着相似的功能,但与blur事件不同的是,change事件在输入框的值未改变时并不会触发blur不管输入值是否变化,只要失去焦点就会触发......
  • html中的input框中的value值到底是什么
    input框中的value值到底是什么,value属性为input元素设定值。对于不同的输入类型,value属性的用法也不同:type="button","reset","submit"-定义按钮上的显示的文本type="text","password","hidden"-定义输入字段的初始值type="checkbox","r......
  • 解决使用输入法输入在 React input 框中的问题
    问题在使用React绑定input输入框的onChange方法时,如果使用中文输入法(或者其他输入法),会出现一个问题:还在输入拼音的时候,onChange方法已经触发了,如下,即输入过程就已经触发了多次onChange方法。如果onChange方法有较为复杂的逻辑,就可能会带来一些用户体验或者逻辑的问题。......
  • Failed to execute 'setSelectionRange' on 'HTMLInputElement'
    jcubic commented on7Jan2016WhenIusenumberinputI'vegoterrorinGoogleChromeUncaughtInvalidStateError:Failedtoexecute'setSelectionRange'on'HTMLInputElement':Theinputelement'stype('number')......
  • python内置库--fileinput
    1关于fileinput利用fileinput,我们可以循环遍历标准输入或者多个文件中的数据它和open()作用很类似,但是open()只能操作一个文件且相关函数功能没有它丰富2函数介绍fileinput.input(files=None,inplace=False,backup='',*,mode='r',openhook=None,encoding=None,error......
  • 求教一个问题,关于elementplus的el-input-number组件问题
    问题描述:我想让组件默认展示placeholder的值,但是他默认显示的是0,网上搜到的方法都是说将默认值设成undefined,但是我试了并不好用问题代码如下: <el-input-numberv-model="state.form.throwTargetNum"class="range-input":......
  • 在input中如何禁止复制、粘贴、鼠标右键弹出面板选项
    主要事件右键弹出面板选项oncontextmenu复制oncopy粘贴onpaste原生input实现-禁止复制<inputoncopy="returnfalse"/>-禁止粘贴<inputonpaste="returnfalse"/>-禁止鼠标右键弹出面板选项<inputoncontextmenu="returnfalse"/>Rea......
  • Python学习之七_input和print
    Python学习之七_input和print摘要python3之后函数必须带()了因为我开始学习的比较晚,所以准备Python3开始学起前面主要是模仿别人的代码进行学习后续慢慢学习使用python调用ebpf等内容.这里简单先总结一下input和print的函数.作为一个学习总结print和inputprint......
  • el-input 控制输入内容只能输金额
    formatValue(value,row,item){letval=(value&&value.split(""))||[];letsNum=val.toString();//先转换成字符串类型if(sNum.indexOf('.')===0){//第一位就是.sNum='0'+sNum}sNum......
  • vue中光标显示到指定的input框内
    给input标签内加ref="inputName"然后在想要执行的地方写this.$refs.inputName.focus() 1.如果想要打开这个页面的时让光标自动显示到input框内就在mounted里加 2.如果想在执行事件之后让光标显示到input框内就加在事件里 ......