..

Search

autocomplete

autocomplete

<input> 태그의 autocomplete 속성


HTML <input> 태그 ⇒


정의 및 특징

<input> 태그의 autocomplete 속성은 <input> 요소에서 자동 완성 기능을 사용할지 여부를 명시합니다.

 

autocomplete 속성값을 on으로 명시하면, 브라우저는 사용자가 이전에 입력했던 값들을 기반으로 사용자가 입력한 값과 비슷한 값들을 드롭다운 옵션으로 보여줍니다.

 

autocomplete 속성이 제대로 동작하는 <input> 요소의 type 속성값은 다음과 같습니다.

- color, datepickers, email, password, range, search, tel, text


문법

<input autocomplete="on|off">


속성값

속성값   설명

on

 

기본값으로, <input> 요소의 자동 완성 기능을 사용함.

off  

<input> 요소의 자동 완성 기능을 사용하지 않음.


예제
<form action="/examples/media/action_target.php" method="get">
    이름 : <input type="text" name="st_name"><br>
    학번 : <input type="text" name="st_id" autocomplete="on"><br>
    학과 : <input type="text" name="department" autocomplete="off"><br>
    <input type="submit">
</form>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

autocomplete 17.0 지원함 5.0 4.0 5.2 9.6

HTML5에서 변경된 사항

autocomplete 속성은 HTML5에서 <input> 태그에 새롭게 추가된 속성입니다.


연습문제