HTML form input 크롬 autocomplete 자동완성 삭제 처리

HTML로 form의 input에 크롬의 자동 완성 처리해 주는 기능을 삭제하는 방법입니다.

1. input 태그에서 autocomplete="off" 속성 추가

2. input 태그에서 autocomplete="false" 속성 추가

3. input 태그에서 autocomplete="new-password" 속성 추가

4. 자동완성 기능을 사용자에게 보이지 않게 먼저 받아서 없애는 방법

- 1번, 2번, 3번 방법이 통하지 않을 때 사용합니다.

<!--remove autocomplete-->
<input style="display:none" aria-hidden="true">
<input type="password" style="display:none" aria-hidden="true">
<!--End remove autocomplete-->
<!-- 주민등록번호 입력 부분 -->
<input type="text" name="reg_id1" autocomplete="false" required onkeyup="숫자 유효성 체크 함수">
<input type="password" name="reg_id2" autocomplete="new-password" required onkeyup="숫자 유효성 체크 함수">

1) 사이트의 주민등록번호 INPUT에 크롬의 자동 완성 기능으로 인하여, 아이디와 비밀번호가 자동으로 입력 되어 버립니다.
2) 자동 입력되어진 텍스트 입력값으로 인하여 숫자 유효성 체크 함수가 자동으로 호출이 되어 alert창이 뜨게 됩니다.
3) 위 소스 코드를 이용하여 문제를 해결합니다.

HTML form input 크롬 autocomplete 자동완성 삭제 처리