[ html ] Input 태그의 자동완성 기능 해제하기, input 입력 기록 제거

 

 

 

input 태그 자동완성 기능을 왜 해제하나요?

실무를 보거나 사이드 프로젝트를 만들다 보면 input 태그에 입력했던 값들이 필요치 않지만 지저분하게 조회되는 상황을 마주하곤 한다.

 

 

 

 

input 태그 자동완성 기능 해제 방법 2가지

 

input 자동완성 해제 방법 2-1

input태그에 입력된 기록을 제거하는 방법은 아주 간단하다. 

 

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

 

Help.

autocomplete="off"  속성을 사용해 주면 input 태그의 자동완성 기능을 해제할 수 있다.

 

 

 

 

 

 

input 자동완성 해제 방법 2-2

또 다른 방법도 있다. input 태그가 포함되어 있는 form 태그에서 비활성화시키면 된다.

 

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

 

 

Help.

자동완성을 해제하고자 하는 input 태그의 부모 요소인 form 태그에 autocomplete="off"  속성을 사용해 주면 그 자식인 input 태그의 자동완성 기능을 해제할 수 있다.

 

 

 

 

위의 두 가지 방법 모두 동일한 효과를 낸다.

 

input 태그가 1개인지 혹은 form 태그 안에서 여러 개의 input 태그를 사용하는지에 따라서 autocomplete="off"  속성을 누구한테 적용할지 결정해서 사용하면 좋을 것 같다.