[HTML] input 자동완성 기능 해제하기

 

input에 자동완성이 적용되는 경우

사용자의 입력을 받는 input 항목을 입력하다보면

아래의 예제와 같이

특정 input의 경우 사용자가 기존에 입력했던 값을 기반으로

자동완성이 제공되는 경우가 있습니다.

<div>
  이름 : <input id='name'/>
</div>
<div>
  이메일 : <input id='email'/>
</div>
 

 

 

input의 name 속성이나 id 속성이 같을 경우 자동완성 기능이 제공됩니다.

위 예제는 많은 웹사이트에서 사용하는 id 속성값인 'name', 'email'을 지정하였습니다.

아마, 다른 사이트에 입력한 적이 있던 name이나 email 목록이 자동완성으로 목록에 나타날 것입니다.

 

이것은 보통 브라우저가 자동으로 해주는데,

어떤 경우에는 이 기능을 해제해야 할 필요도 있습니다.

 

 

input에 자동완성 해제하기

<div>
  이름 : <input id='name' autocomplete='off'/>
</div>
<div>
  이메일 : <input id='email' autocomplete='off'/>
</div>

input에 자동 완성을 해제하기 위해서 'autocomplete' 속성을 추가하였습니다.

'autocomplet' 속성은 'on' 또는 'off', 이렇게 두 가지 속성 값을 가질 수 있습니다.

이 속성 값을 'off'로 지정하면, 자동완성이 해제됩니다.