브라우저 자동 완성 기능 해제

autocomplete 특성은 텍스트와 숫자를 허용하는 <input>, <textarea>, <select>, <form> 요소에 사용 가능

​

자동완성으로 제안할 값의 출처는 대개 브라우저가 선택합니다.

사전 정의된 값을 사용할 수도 있으나 보통 과거에 사용자가 입력했던 값을 사용합니다.

예를 들어 사용자가 입력한 이름, 주소, 전화번호, 이메일 주소를 브라우저에 저장할 방법을 제공하기도 하고,

신용카드 정보를 미리 암호화해 저장하고 인증절차 후 자동완성 값으로 쓸 수도 있습니다.

출처 : https://developer.mozilla.org/ko/docs/Web/HTML/Attributes/autocomplete

HTML autocomplete 특성 - HTML: Hypertext Markup Language | MDN

 

 

사용 가능한 옵션

- on (default 값)
- off

 

 

예제

INPUT

<input autocomplete="off" name="userPs_test" type="password" class="psinput" placeholder="PASSWORD" id="psinput" />
// 패스워드 역시 input의 앞에 autocomplete 속성값을 off로 하여 자동완성을 막음

 

 

FORM

<form autocomplete="off">

<input ... />

<input ... />

<textarea ... />

</form>