HTML의 autocomplete특성은 양식 입력 필드 내에서 자동완성 기능을 사용할지 여부를 명시한다.
<input>요소, <textarea>요소, <select>요소, <form>요소에 사용할 수 있다.
위의 양식 필드 내에 autocomplete="off"를 작성해 주었음에도 불구하고,
Chrome이 이전에 입력되었던 항목을 드롭다운 기록으로 보여줄때의 문제를 해결하려 한다.
해결방안1
크롬은 style="display: none;" 이나 style="visibility: hidden;" 스타일의 항목을 무시한다.
그래서 이를 해결하기위해 다음과 같이 할수 있다.
<input style="opacity: 0; position: absolute;">
<input type="password" style="opacity: 0; position: absolute;">
해결방안2
경험에 의하면, Chrome은 첫 번째 <input type="password">와 이전 <input>을 감지하여 자동완성하는 듯 하다.
그래서 자동완성을 무시하고자 하는 태그 상단에 다음과 같이 추가하여 해결할 수 있다.
<input style="display:none">
<input type="password" style="display:none">
#References
http://www.tcpschool.com/html-tag-attrs/input-autocomplete
https://stackoverflow.com/questions/12374442/chrome-ignores-autocomplete-off
반응형