크롬에서 input type password 자동완성 막기

크롬 비밀번호 자동완성 기능

 

 

 

크롬 input type을 password로 하면 이렇게 비밀번호 자동완성이 되는 걸 볼 수 있다.

 

자동완성을 막기 위해서는 설정에 들어가 이 기능을 끄면 되지만 사용자에게 한명한명 끄세요~ 할 수는 없기에

페이지에서 막는 방법은 없을까 찾아보았다.

 

 

 

 

결론은!! 

 

나에게 암울함을 주었던 한 스택 오버플로우의 답변....

그런 기능은 없고 우리는 꼼수를 부려서 해결을 해야했다!!

 

 

 

가장 쉽고 간결한 방법은

type에 password 를 안 쓰는 것이다

 

뭐.. 뭐라구!!

 

 

그리고 css를 통해 type password를 쓰면 나오는 **** 모양을 표시해주면 똑같이 구현이 된다!!

 

 

 

 

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

→ **** 로 나오게 하는 css

 

autocomplete="new-password"

→ input 에 자동완성 끄는 법 (자동완성은 끄지만 크롬 비밀번호 자동완성은 안 꺼짐)

 

이 두 개를 input 에 넣어주면 해결된다~!