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

Html & Css

ddorongg 2024. 6. 5. 09:34

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

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

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

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

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

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

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

출처