input 아이디 비밀번호 자동완성 막기

회사 사이트에 로그인과 회원가입 등등 input을 많이 사용하였는데 크롬에 자동로그인을 설정한 경우

아이디와 비밀번호가 자동으로 나오는데 로그인에서는 그런 경우가 편할지라도 회원가입 폼에서는 그걸 지우고 다시 쓰는 행위가 불편한 것 같아 일부 input은 자동완성을 막기로 하였다

 

처음에  autoComplete="off"를 적용해보았는데 자동완성이 계속되어 서치해보다가 

autoComplete="one-time-code"를 적용했더니 자동완성이 막아졌다

또한 autoComplete="new-password" 또한 자동완성이 막아진다

(내 코드같은 경우 next.js를 사용하기 때문에 기존의 autocomplete의 c를 대문자로 적용하여야 했다.)

 

*파이어폭스에선 지원이 안된다고 하여 추가적인 보완이 필요할 것 같다

 

 

출처

https://velog.io/@jeong_woo/input-%EC%9E%90%EB%8F%99%EC%99%84%EC%84%B1-%EB%81%84%EA%B8%B0