[Javascript] 자동완성 끄기 / 자동완성 막기

 

 

 

 

서론

자주 쓰이는 데이터와 같은 경우, 일일히 입력함에 번거로움이 있다.

이에 편의성을 높이고자 브라우저에서 '자동완성' 기능으로서 지원하고 있는데,

개발자들은 최초 데이터가 입력되는 form 에서 이 기능 덕분에 불편함을 겪는다

 

즉, 이 기능을 무효화 시키는 코드를 짜야한다는 것이다.

 

 

무효화시키기

현재 브라우저에서는 type에 password가 존재하면, 브라우저에 저장된 계정 데이터에서 첫 번째 input에는 아이디를 넣고 type="password" 부분에는 비밀번호를 넣는다.

 

무효화시키는 방법은 간단하다.

 

type="password" 를 없애고 type="password" 에서만 존재하는 암호 가리기 처리는 별도 css를 추가하여 적용한다.

 

style="-webkit-text-security:disc;"

결과

type="password"를 제거하기 전과 후