input输入框禁止自动填充,autocomplete="off"和 autocomplete="new-password"失效

缺乏、安全感 2022-01-28 15:25 1564阅读 0赞

## 1.在input 里面加上 autocomplete=“off” 属性 ##

<label>
        <span>用户名:</span>
        <input type="text" name="username" placeholder="请输入用户名" autocomplete="off">
    </label>
    <label>
        <span>密码:</span>
        <input type="text" name="password" placeholder="请输入密码" autocomplete="off">
     </lable>

## 2.在from 里面加上 autocomplete=“off” 属性 ##

<form class="layui-form bordertop" method="post" action=" " id="setaccount" autocomplete="off" > 
    	<label>
    	    <span>用户名:</span>
    	    <input type="text" name="username" placeholder="请输入用户名"  >
    	</label>
    	<label>
    	    <span>密码:</span>
    	    <input type="text" name="password" placeholder="请输入密码" >
        </lable>
     </from>

## 3.在input 里面加上 autocomplete=“new-password” 属性 ##

<label>
        <span>密码:</span>
        <input type="text" name="password" placeholder="请输入密码" autocomplete="new-passowrd">
     </lable>

# 终极方法 #

$(function(){
    	$('#setaccount input').attr("readonly","readonly");//让from表单下所有的input输入框都是只读状态(#setaccount是方法2里面from表单的id)
    	$('#setaccount input').click(function(){//当某个被input框点击的时候,就删掉被点击的这个input框的只读属性readonly
    		$(this).removeAttr("readonly");
    	});
    });

发表评论取消回复

表情：

评论列表（有 0 条评论，1564人围观）

还没有评论，来说两句吧...

相关阅读

相关禁止input框自动填充

1、在form表单或者input中使用autocomplete=”off” 2、不让页面读取缓存数据 <meta http-equiv= "Pragma"

青旅半醒/ 2023年01月12日 01:17/ 0 赞/ 201 阅读

相关 input 类型为密码时如何防止输入框自动填充

项目中需要用户输入一些隐秘信息，使用input的密码类型后发现总是会自动填充浏览器保存的账户信息，所以需要对此做处理，查了一下后说input的autocomplete属性设置为

雨点打透心脏的1/2处/ 2022年09月08日 13:55/ 0 赞/ 228 阅读

相关 input自动填充-Autocomplete

首先需要下载包地址是[点击打开链接][Link 1]。页面引用 <script type="text/javascript" src="${base}/aut

谁借莪１个温暖的怀抱￠/ 2022年08月11日 00:46/ 0 赞/ 222 阅读

相关禁止input输入框的鼠标滚轮事件详解

现代浏览器发展的越来越智能，新增了很多的效果，比如说input输入框，当将其type设置为number的时候，在其获得焦点的时候，滚动鼠标的滚轮可以增加其数值，向上滚动，数值增

谁践踏了优雅/ 2022年07月12日 08:15/ 0 赞/ 576 阅读

相关禁止input输入框的鼠标滚轮事件详解

现代浏览器发展的越来越智能，新增了很多的效果，比如说input输入框，当将其type设置为number的时候，在其获得焦点的时候，滚动鼠标的滚轮可以增加其数值，向上滚动，数值增

柔光的暖阳◎/ 2022年07月12日 08:15/ 0 赞/ 342 阅读

相关 input输入框自动填充的黄色背景简单办法

谷歌chrome表单自动填充后，input文本框的背景变黄色，这是谷歌的私有属性input:-webkit-autofill引起； input:-webkit-

深藏阁楼爱情的钟/ 2022年06月09日 03:06/ 0 赞/ 504 阅读

相关 autocomplete 自动填充与禁止填充

autocomplete 属性规定输入字段是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中

傷城~/ 2022年04月10日 12:31/ 0 赞/ 290 阅读

相关 input输入框禁止自动填充,autocomplete="off"和 autocomplete="new-password"失效

1.在input 里面加上 autocomplete=“off” 属性 <label> <span>用户名:</span> <in

缺乏、安全感/ 2022年01月28日 15:25/ 0 赞/ 1565 阅读

相关阻止浏览器自动填充input密码框

1.最简单的方法,加一个属性autocomplete="new-password". 2.把input type=”password” 改成 input ty

深藏阁楼爱情的钟/ 2021年09月15日 13:24/ 0 赞/ 437 阅读

相关谷歌浏览器页面中input禁止自动填充

平时使用的谷歌浏览器中，在登录页面是喜欢记住密码，方便调试，可是在添加页面或者修改页面时，头疼的事情就发生了，啊，谷歌浏览器会自动赋值，就很头痛只需一步加上autoc

傷城~/ 2021年06月24日 16:11/ 0 赞/ 671 阅读