모두의매뉴얼
🚀

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

📈18


자동완성 기능이란 사용자가 이전에 입력했던 파라미터를 브라우저가 기억해 두었다가 비슷한 파라미터를 입력할 때 다시 보여주는 사용자 편의를 돕는 기능입니다. 하지만 가능 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 페이지를 참고하세요.

끝.

  • #9 · 2 · 2020.08.20 ↩️

    감사합니다.

  • #10 · 폴선 · 2021.05.26 ↩️

    감사합니다. 귀한 팁 많은 도움이 되었습니다. 꼭 한번 연락주십시요.

    • #11 · 양사장 · 2021.06.04 ↩️

      도움이 되셨다니 다행입니다. 감사합니다!

    댓글 남기기

© 모두의매뉴얼 2024
🗝️