Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML
자동 완성 속성

<시간/>

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

다음은 구문입니다 -

<form autocomplete="on|off">

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

이제 요소 −

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

예시

<!DOCTYPE html>
<html>
<body>
<h2>Points</h2>
<form action="" method="get" autocomplete="on">
   Player: <input type="text" name="player"><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  form  자동 완성 속성

자동 완성을 −

로 설정했기 때문에 모든 항목이 지금 나타납니다.

HTML  form  자동 완성 속성

이제 텍스트 안에 커서를 놓습니다. 이전에 입력한 다음 값이 표시됩니다. 자동 완성을 −

로 설정했기 때문에 볼 수 있습니다.