[html, css] 크롬에서 input 자동완성 끄기.

웹퍼블리싱 혹은 개발은 하다 보면 input기능 자동완성을 막아달라고 하는 경우가 있습니다.

자동완성 기능은 브라우저에서 정보를 기억해놨다가 사용자 편의를 위해 자동으로 입력해주는 기능입니다.

하지만, 간혹 자동완성기능을 없애달라고 하는 경우가 있습니다.

 

1. autocomplete="off"

- 익스플로어에서 사용 가능. 

w3schools.com에 내용 나와있습니다.

https://www.w3schools.com/Tags/att_input_autocomplete.asp

 

2. autocomplete="new-password"

새로운 비밀번호를 받는다는 것으로 크롬에서도 가능하다고 합니다만, 저는 불가했습니다.

 

그리하여, 아래 3번 방법으로 사용하였는데, 크롬에서 자동완성 기능이 나오지 않았습니다.

3. <input type="text" name="" id="" autocomplete="off" readonly onfocus = "this.removeAttribute ( 'readonly');">