HTML <input> autocomplete 속성

HTML <input> 태그

정의와 사용법

autocomplete 속성은 입력 필드가 자동 완성을 활성화할지 여부를 지정합니다。

자동 완성은 브라우저가 예측 값을 표시하도록 허용합니다. 사용자가 필드에 내용을 입력 시작하면, 브라우저는 이전에 입력한 값에 따라 해당 필드를 채우는 옵션을 표시해야 합니다。

주의：autocomplete 이 속성은 다음 입력 유형에 적용됩니다：

  • text
  • search
  • url
  • tel
  • email
  • password
  • datepickers
  • range
  • color

예제

자동 완성을 활성화한 HTML 표单이며 자동 완성을 끄는 입력 필드가 포함되어 있습니다：

<form action="/action_page.php" autocomplete="on">
  <label for="fname">이름：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">성氏：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <label for="email">이메일:</label>
  <input type="email" id="email" name="email" autocomplete="off"><br><br>
  <input type="submit">
</form>

직접 시도해 보세요

문법

<input autocomplete="on|off">

속성 값

값 설명
on 기본 설정. 자동 완성을 활성화(활성화)하도록 정의합니다.
off 자동 완성을 종료(비활성화)하도록 정의합니다.

브라우저 지원

표의 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
17.0 6.0 2.0 5.1 10.0

ヒント:일부 브라우저에서는 자동 완성 기능을 수동으로 활성화해야 할 수 있습니다. (브라우저 메뉴의 '옵션'을 확인하세요).

주의사항:autocomplete 속성은 HTML5에서 새로운 속성입니다.

HTML <input> 태그