어제 오늘 내일

[HTML] input 자동완성 기능 해제하기 본문

IT/HTML&CSS

[HTML] input 자동완성 기능 해제하기

hi.anna 2020. 11. 14. 04:04

 

input에 자동완성이 적용되는 경우

사용자의 입력을 받는 input 항목을 입력하다보면

아래의 예제와 같이

특정 input의 경우 사용자가 기존에 입력했던 값을 기반으로

자동완성이 제공되는 경우가 있습니다.

 

 

input의 name 속성이나 id 속성이 같을 경우 자동완성 기능이 제공됩니다.

위 예제는 많은 웹사이트에서 사용하는 id 속성값인 'name', 'email'을 지정하였습니다.

아마, 다른 사이트에 입력한 적이 있던 name이나 email 목록이 자동완성으로 목록에 나타날 것입니다.

 

이것은 보통 브라우저가 자동으로 해주는데,

어떤 경우에는 이 기능을 해제해야 할 필요도 있습니다.

 

 

input에 자동완성 해제하기

input에 자동 완성을 해제하기 위해서 'autocomplete' 속성을 추가하였습니다.

'autocomplet' 속성은 'on' 또는 'off', 이렇게 두 가지 속성 값을 가질 수 있습니다.

이 속성 값을 'off'로 지정하면, 자동완성이 해제됩니다.

 

 

 

반응형
Comments