欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-06-07 15:16:29
...

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");
	});
});
相关标签: javascript