input 자동완성 끄기

옆자리 연구원 분이 물어보았다.

"수정 form에서 수정하고 확인 버튼을 누르고 확인에 비밀번호를 타이핑 하도록 되어있었는데 여기서 자꾸 자동완성이 뜨고 뒷 배경화면의 form이 자꾸 자동완성을 클릭했을 때 값이 들어가요."

말로 설명하니까 힘든데 요는 그냥 autocomplete을 없애달라는 것이었다.

구글링을 해보니

조금 아쉬운 결과들 뿐이었다.

정답은 스택 오버플로우에서 확인할 수 있었다.

그리고 모질라 에서 autocomplete = "one-time-code" 를 줘서 의도하지 않은 자동완성을 예방할 수 있었다.

참고로 브라우저 호환성은 chrome, edge는 지원하나 파폭은 지원하지 않기 때문에 호환성을 생각한다면 js로 추가적으로 구현해줘야할 듯 싶다.

주로 2단계 인증이나 SMS 인증 코드 같은 보안 관련 과정에서 사용된다고 한다.