인터넷을 사용하다보면 input, select, textarea 태그에 자동 완성이 설정되어 이전에 입력했던 값이 보이는 경우가 많다.
저장해놓고 싶을 때는 좋긴 하지만 검색 했던 결과나 굳이 저장되지 않아도 되는것들까지 저장되면 지우는 작업이 더 불편한 경우도 많다.
이럴 때 어떻게 해야하는지 알아보자.
autocomplete
자동완성 기능을 사용하기 위해서는 전제조건이 있다.
1. name 또는 id 특성 존재
2. <form> 요소의 자손일 것
3. 양식에 submit 버튼이 있을 것이 세 가지 조건에 충족한다면, 자동 완성 기능이 작동하게된다.
그러나 나는 반대로 자동 완성이 안되게 하려고 하는것이므로 아래와 같이 태그를 입력 하자.
<input autocomplete="off" type="text" /> <form autocomplete="off"/><input type="text"" /></form/>
이렇게 태그를 사용하면 된다.
이 태그 사용시 이미 저장한 값을 사용해 자동 완성되게 하는 기능도 차단이 된다.
공부 목적 블로그