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

HTML5에 대한 자동 완성 텍스트 입력?


자동완성 사용 자동 완성 텍스트 입력을 위한 속성입니다. autocomplete 속성은 자동 완성 기능을 켜거나 끄기 위해 양식 요소와 함께 사용됩니다. 자동 완성 기능이 켜져 있으면 사용자가 필드에 이전에 입력한 내용을 기반으로 브라우저가 자동으로 값을 표시합니다.

자동 완성 기능이 꺼져 , 브라우저는 사용자가 이전에 필드에 입력한 값을 기반으로 자동으로 값을 표시하지 않습니다.

다음은 속성 값입니다 -

S. 아니요
속성 값
설명
1
on
기본값입니다. 브라우저는 사용자가 이전에 입력한 내용을 기반으로 자동으로 값을 완성합니다.
2
끄기
브라우저는 사용자가 이전에 입력한 내용을 기반으로 값을 완성하지 않습니다. 사용자가 값을 입력해야 합니다.


다음 코드를 실행하여 HTML에서 autocomplete 속성을 사용하는 방법을 배울 수 있습니다. 아래 코드 실행을 확인하려면 입력 유형 텍스트에 일부 값을 입력하고 제출을 클릭합니다. 그런 다음 필드를 다시 채우고 코드를 다시 실행하면 필드에 값을 입력할 때 자동 완성 값을 볼 수 있습니다. 이것은 값에 대한 자동 완성을 위한 것입니다.

자동 완성의 경우 꺼짐 값을 입력하면 웹 브라우저는 사용자가 이전에 입력한 값을 기반으로 값을 완성하지 않습니다.

<!DOCTYPE html>
<html>
   <head>
      <title> HTML autocomplete attribute</title>
   </head>
   <body>
      <form action = "" method = "get" autocomplete="on">
         Details:<br><br>
         Student Name<br><input type="name" name="sname"><br>
         Training week<br><input type="week" name="week"><br>
         <input type="submit" value="Submit">
      </form>
   </body>
</html>