input 자동입력 방지 관련 메모 (autocomplete="off" 가 무시되는 문제)

2024-07-19 11:06

autocomplete=”off” 는 브라우저에게 무시됨

Chrome ignores autocomplete=”off”

https://stackoverflow.com/questions/12374442/chrome-ignores-autocomplete-off

↑2012년부터 최근까지 자동완성을 막기위한 개발자들의 무수한 시도를 볼 수 있음…

대응내용

자동완성 방지 적용안됨

<input type="text" ref="authNumber" v-model.trim="authNumber" placeholder="인증번호" v-on:keyup.13="passwordReset" maxlength="6" autocomplete="false">

↓

자동완성 방지 적용됨(epdemo 에서 확인)

양식을 로드하는 동안은 readonly 로 만들면 자동완성이 적용되지 않는다는 편법 사용..

<input type="text" ref="authNumber" v-model.trim="authNumber" placeholder="인증번호" v-on:keyup.13="passwordReset" maxlength="6" autocomplete="false" readonly onfocus="this.removeAttribute('readonly');">

참고 : https://stackoverflow.com/questions/17719174/autocomplete-off-is-not-working-when-the-input-type-is-password-and-make-the

Pie's Tech Note

생계형 개발자의 메모장