[js] JS - autocomplete 속성 - INPUT 텍스트 자동완성 설정/반환 (= autocomplete속성 = 오토컴플리트함수)

목차

1. autocomplete 예제 - 자동완성 끄기 설정
2. autocomplete 정의
3. autocomplete 구문
4. autocomplete 예제 - 자동완성 반환

autocomplete 예제 - 자동완성 끄기 설정

 

<form action="/action_page.php">

  이름: <input type="text" id="hz" name="hz" autocomplete="on">

  <input type="submit">

</form>

<button onclick="homzzang()">클릭</button>

<p id="demo"></p>

<script>

function homzzang() {

  document.getElementById("hz").autocomplete = "off";

  document.getElementById("demo").innerHTML = "autocomplete : off 상태";

}

</script>

 

autocomplete 정의

 

INPUT 텍스트 필드의 autocomplete (자동완성) 속성의 속성값 설정/반환.

 

---

 

1.

• 자동 완성이 켜져 있으면 브라우저는 사용자가 이전에 제출한 입력값 기반으로 값을 자동 완성함.
• 일부 브라우저는 브라우저 메뉴에서 이 기능을 활성화해야 작동할 수도 있음.

 

2.

모든 브라우저 지원.

 

autocomplete 구문

 

반환

textObject.autocomplete

 

설정

textObject.autocomplete = "on|off"

 

---

[속성값]

 

• on : 자동완성 사용 O (기본값)
• off : 자동완성 사용 X

 

autocomplete 예제 - 자동완성 반환

 

<form action="/action_page.php">

  이름: <input type="text" id="hz" name="hz" autocomplete="on">

  <input type="submit">

</form>

<button onclick="homzzang()">클릭</button>

<p id="demo"></p>

<script>

function homzzang() {

  var x = document.getElementById("hz").autocomplete;

  document.getElementById("demo").innerHTML = x;

}

</script>