autocomplete 속성

autocomplete 속성은 폼의 자동 완성을 취소합니다.

자동 완성은 브라우저가 해당 필드에 이전에 입력된 데이터를 필드에 삽입하도록 제안하는 것입니다. 이는 항상 편리하지 않을 수 있습니다. 예를 들어, 브라우저가 악의적인 사용자에게 귀하의 로그인이나 비밀번호를 제안할 수 있기 때문입니다. 비밀 정보가 입력되는 필드의 경우 자동 완성을 비활성화해야 합니다.

autocomplete 속성은 비밀 정보를 숨기기 위해서만 사용할 수 있는 것은 아닙니다. 예를 들어, 테스트 응답에서 자동 완성을 비활성화할 수 있습니다. 이는 테스트를 다시 통과할 때 브라우저가 답변을 제안하지 않도록 하기 위해 필요합니다 (테스트의 모든 재미가 사라집니다).

값 없이 속성으로 사용하거나, 값 중 하나를 지정할 수 있습니다.

값

값	설명
`on`	자동 완성이 활성화됨 (기본값입니다).
`off`	자동 완성이 비활성화됨.

예제

인풋에 자동 완성을 활성화해 봅시다. 예를 들어, "자동완성"이라는 단어를 입력하고 전송 버튼을 누르세요 (이는 브라우저가 전송된 단어만 기억하기 때문에 필수적입니다). 그런 다음 예제로 돌아가서 문자 "ㅈ"을 입력하세요 - 브라우저는 "자동완성"이라는 단어를 제안하고 전체를 입력하지 않고도 선택할 수 있습니다:

<form action="">
	<input type="text" autocomplete="on" name="test">
	<input type="submit">
</form>

예제

이제 자동 완성을 비활성화해 봅시다. 이전 예제와 동일한 작업을 수행하지만, 어떤 제안도 나타나지 않을 것입니다:

<form action="">
	<input type="text" autocomplete="off" name="test">
	<input type="submit">
</form>

같이 보기

사용자 목록에 따라 자동 완성을 생성하는 태그 datalist,