Solutions

• Solutions
  • Field Level in general
  • Field Level for new passwords
  • Form Level
  • Special case for all browsers

I have recently encountered a situation where I had to turn off the autocomplete option for filling out the saved passwords by browser.

It was interesting to find out that there is a way to turn this option off. One can consider this for a security reason but to me it was about turning it off on the new password page. Browser was filling out the new password field with the saved password >_O

There are two ways to turn it off in field level!

Field Level in general#

<input name="ashkeys" type="text" autocomplete="off" />

Even though few browsers support autocomplete, there are cases they ignore all together. Login or Sign-up forms for example. In those cases, the following helps.

Field Level for new passwords#

<input name="ashkeys" type="password" autocomplete="new-password" />

Form Level#

<form autocomplete="off">
	<input name="ashkeys" type="password" />
</form>

Special case for all browsers#

The below one is kind of hacky way to trick the browser than turn off the autocomplete option. /O\ One should consider this as a last resort to solve the problem.

<form>
	<input type="password" hidden />
	<input name="ashkeys" type="password" />
</form>

Yeah, you are right! We are cheating the browser here by declaring the first password field hidden so that browser will the saved password there.