HTML DOM 입력 텍스트 자동 완성 속성은 type=”text”인 요소의 autocomplete 속성과 연결됩니다. autocomplete 속성은 "on" 또는 "off" 값을 취합니다. on 값은 웹 브라우저가 이전 입력을 기반으로 사용자 텍스트를 자동으로 완성해야 함을 지정하고 그렇지 않으면 false 상태입니다.
구문
다음은 −
의 구문입니다.자동 완성 속성 설정 -
textObject.autocomplete = "on|off"
여기서 on은 브라우저가 이전 입력을 기반으로 사용자 입력을 자동으로 완료한다는 것을 의미하고 false는 이전 입력을 기반으로 사용자 입력을 완료하지 않을 것임을 나타냅니다. 기본값은 on으로 설정되어 있습니다.
예시
입력 텍스트 자동 완성 속성의 예를 살펴보겠습니다 -
<!DOCTYPE html>
<html>
<body>
<h1>Input text autocomplete property</h1>
<form action="/Sample_page.php">
USERNAME: <input type="text" id="TEXT1" name="USR" autocomplete="on"><br><br>
<input type="submit">
</form>
<p>Off the autocomplete in the above text field by clicking on the below button</p>
<button onclick="changeAuto()">Autocomplete Off</button>
<p id="Sample"></p>
<script>
function changeAuto() {
document.getElementById("TEXT1").autocomplete = "off";
document.getElementById("Sample").innerHTML = "Your text will not autocomplete now";
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
위 필드에 일부 텍스트를 입력하고 몇 번 제출하면 이전 입력을 기반으로 텍스트 자동 완성을 볼 수 있습니다. -
"자동완성 끄기" 버튼 클릭 시 -
