当前位置:首页 > 前端 >

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

时间:2022-11-19 00:35:52浏览:2054 转载

亲测终极方法可用,前面的没有测试
## 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");
    	});
    });


上一篇:响应式web设计之CSS3 Media Queries
下一篇:layui的下拉多选框实现

发表评论

昵称:  验证码:

关于博主

博主

博主:BlueCode

职业:web程序

简介:2002年开始一直从事Web制作,网站运营,会PHP+MYSQL ASP+MSSQL,微信开发