HTML <input> 자동 완성 속성

<시간/>

요소의 autocomplete 속성을 사용하면 입력에 대한 자동 완성을 켜거나 끌지 여부를 설정할 수 있습니다. 자동 완성이 켜져 있으면 웹 브라우저에서 값을 자동으로 채웁니다. 이것은 사용자가 이전에 이미 값을 입력한 경우에만 발생합니다.

다음은 구문입니다 -

<input autocomplete="on|off">

위,에 | 끄기 값은 자동 완성의 표시 여부를 설정해야 합니다. 브라우저가 이전에 입력한 값을 기반으로 항목을 완료하도록 하려면 설정하고 해제는 항목을 완료하는 것을 허용하지 않습니다.

이제 요소 −

의 autocomplete 속성을 구현하는 예를 살펴보겠습니다.

예시

<!DOCTYPE html>
<html>
<body>
<h2>Points</h2>
<form action = "" method = "get">
   Player − <input type = "text" name = "player" autocomplete = "on"><br>
   Rank − <input type = "number" name = "rank"><br>
   Points − <input type = "number" name = "pts"><br>
   <button type = "submit" value = "Submit">Submit</button>
</form>
</body>
</html>

그러면 다음과 같은 출력이 생성됩니다. 이전에 일부 값을 입력했고 이제 자동 완성을 설정했다고 가정해 보겠습니다 -

HTML input 자동 완성 속성

위의 예에서 −

형식을 추가했습니다.

<form action = "" method = "get">
   Player − <input type = "text" name = "player" autocomplete = "on"><br>
   Rank − <input type = "number" name = "rank"><br>
   Points − <input type = "number" name = "pts"><br>
   <button type = "submit" value = "Submit">Submit</button>
</form>

입력 중 하나에 대해 자동 완성을 켜짐으로 설정했습니다 -

Player − <input type = "text" name = "player" autocomplete = "on">

따라서 Player 입력 유형에 커서를 놓으면 이전에 입력한 값을 볼 수 있습니다.

HTML 자동 완성 속성

예시