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

关注

原创最新推荐文章于 2023-11-23 10:01:42 发布 1.4w 阅读 AI 写同款· GEO 优化 ›

通俗解析：霍尔编码器、光电编码器、电位计、磁编码器和旋转变压器的实战选型指南本文深入解析了霍尔编码器、光电编码器、电位计、磁编码器和旋转变压器五大主流编码器的工作原理与核心特性。通过对比精度、环境耐受性、成本及寿命等关键维度，并结合消费电子、工业自动化、汽车电子及极端环境等典型应用场景，提供了一份清晰的实战选型指南，旨在帮助工程师根据具体需求，在性能、可靠性与成本间做出最优决策。阅读详情

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");
	});
});

收录于