[HTML] Input 자동 완성 끄기

 

  회원가입 HTML

회원가입 창 생성

 회원가입에 대한 Input 생성 시, 자동완성으로 CSS가 깨지거나 값이 자동으로 입력되어 사용자에게 불편한 경우가 발생된다.

이를 해결하기 위해 적용하면 된다.

 

  자동완성 종료

 

방법 1

<input type="text" required="required" autocomplete="off" />

 autocomplete의 Value값을 off로 지정하면 된다.

 

위 문구가 html에서 제공되는 일반 기능이다.

 

방법 2

<input type="password" required="required" autocomplete="false" />

방법 1번이 적용이 안되었다면, 위 방법을 선택하면 된다.

HTML의 기능이 아닌, 브라우저 기능으로 인한 로그인 창 불러올 수도 있다.

 

방법 3

<input type="password" required="required" autocomplete="new-password" />

방법 2가 적용 안 될 경우, Password입력 공간에 new-password를 입력하면 된다.

저장된 비밀번호를 호출하는 것이 아닌, 새로운 비밀번호를 입력하도록 강제를 부여한다.

 

 

위 방법은 저장의 개념이 아닌, 반 강제적으로 입력을 강요받으므로 호불호가 따를 수 있는 방법이다.

 

 

 

마지막으로는 input입력창 사이에 hidden옵션을 준 입력창을 사이에 넣는 방식이다.

 

input의 옵션과 순서에 따라서 자동완성을 불러오는 구조이다보니 남들이 잘 안쓰는 방법으로 조합할 경우 비밀번호 자동 불러오기 기능을 억제시킬 수도 있다.