前端浏览器设置input不记住密码、不自动填充密码，举例jquery

1. 先看代码

html 复制代码

<input 
	id="password"
	placehoder="请输入密码"
	autocomplete="new-password"  
	name=""
	type="text"
	>

javascript 复制代码

$(function() {
	$('#password').val('');
	
	$('#password').attr('type', 'text');
	
	$('#password').attr('name', 'password'+Math.random().toString(36).substring(2));

	$('#password').one('focus', function() {
		$(this).attr('type', 'password');
		
		$(this).addClass('recoverPassword');
	})
})

css 复制代码

.recoverPassword{
	-webkit-text-security: disc;
}

2. 简单说说

其实大同小异，无论vue还是jquery都可以。

先把密码的input设置name为空，类型改为text，autocomplete设为new-complete。
加载之后 将密码的值置空，密码input的type设为文本输入，name设为随机值，在用户第一次获取焦点后将type类型设为password，并且将密码的样式属性-webkit-text-security设为disc形状。