博客

1、首先禁用浏览器的记住密码功能、然后完成记住密码/忘记密码功能

2、

首先浏览器有记住密码功能，浏览器会识别 input 输入框，如果是

type= password

输入框就会自动天入密码。浏览器记住密码自动补全是通过寻找代码中的

input的type和name

来定位元素的。浏览器以password 的input框为定位，它之前的一个输入框就是账号输入框。然后会给他们 赋初值。

		trunToPassword(e, status) {
			console.log(e.srcElement.getAttribute('readonly'));
			// 如果密码框值为空，则设置输入框类型为 text
			// 浏览器密码保存机制：识别到类型为 password 的输入框，会触发浏览器的密码保存机制。password和其前一个 input，分别作为 密码和账号保存。识别不到 password 就好了
			// 浏览器密码填充机制：
			// 		1、第一个password输入框作为密码框，并自动填充密码。后面第二个、第三个密码框不会自动填充密码，并且如果第一个密码框选择了历史记录，其他密码框就不会触发下拉提示框了
			// 		2、已经输入值不触发密码提示。
			// 		3、已经在其他密码框选择过提示中的值，则不触发密码提示
			// 		4、但凡这个框设置过 password 这个类型，就会触发密码提示。（再修改为 text也会触发密码提示，除非销毁了重建）
			// 		修改类型的这个方案——失败
			// 		新方案——替代密码的方案，但是吧....这个东西的意义其实不大，就是记住密码，忘记密码这个本来也就是浏览器的工作，如果选择记住密码，那么以后都是会记住密码的。如果选择不记住密码，那么以后都不会记住密码了，
			// 但是吧...目前的需求场景就是，如果用户之前在浏览器选择了记住密码，那么现在他不想记住密码了，我们就需要在这个场景下让记住密码失效。
			// 最简单-但并没有什么用：包括支付宝——网易邮箱——QQ邮箱——都是这个做法的，就是记住密码后会有提示
		},