모두의매뉴얼

이것저것 블로그

[HTML] Input 태그의 자동완성 기능 해제하기 feat. autocomplete





자동완성 기능이란 사용자가 이전에 입력했던 파라미터를 브라우저가 기억해 두었다가 비슷한 파라미터를 입력할 때 다시 보여주는 사용자 편의를 돕는 기능입니다. 하지만 가능 input 태그를 사용할 때 이 자동완성 기능 때문에 디자인이나 레이아웃을 방해할 때가 있어 꺼두고 싶을때도 있습니다.

autocomplete=”off”

이 자동완성 기능을 해제하는 방법은 아주 간단합니다.

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

input 태그의 속성에 autocompleteoff 로 설정 해주는 것입니다.

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

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

두가지 경우 모두 동일한 효과를 냅니다.

더욱 자세한 내용은 w3school.com – HTML input autocomplete Attribute 페이지를 참고하세요.

끝.