<form> 태그의 autocomplete 속성
HTML <form> 태그 ⇒
정의 및 특징
<form> 태그의 autocomplete 속성은 <form> 요소에서 자동 완성 기능을 사용할지 여부를 명시합니다.
autocomplete 속성값을 on으로 명시하면, 브라우저는 사용자가 이전에 입력했던 값들을 기반으로 사용자가 입력한 값과 비슷한 값들을 드롭다운 옵션으로 보여줍니다.
이 속성을 사용하면 <form> 요소에서는 자동 완성 기능을 사용하면서 특정 <input> 요소에서는 자동 완성 기능을 사용하지 않거나 그 반대로 설정하는 것도 가능합니다.
문법
|
<form autocomplete="on|off"> |
속성값
| 속성값 | 설명 | |
|---|---|---|
|
on |
기본값으로, 브라우저는 사용자가 이전에 입력한 값을 기반으로 자동으로 값을 완성함. |
|
| off |
브라우저가 자동으로 값을 완성하지 않으므로, 사용자는 매번 각 입력 필드에 값을 끝까지 입력해야 함. |
예제
<form action="/examples/media/action_target.php" autocomplete="off">
이름 : <input type="text" name="st_name"><br>
학번 : <input type="text" name="st_id"><br>
학과 : <input type="text" name="department"><br>
<input type="submit">
</form>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| autocomplete | 지원함 | 지원함 | 지원함 | 지원함 | 지원함 | 지원함 |
HTML5에서 변경된 사항
<form> 요소의 autocomplete 속성은 HTML5에서 새롭게 추가된 요소입니다.
