크롬 자동완성 기능 제거

먼저 자동완성 기능이 활성화 되는 시점은 form 이나 전체 페이지에서 처음으로 오는 <input type="password"> 요소를 찾아서 바로 앞에 위치하는 input과 자동완성 기능을 띄워주는 방식입니다. 이를 활용하면, 더미 입력폼을 만들어서 해결할 수 있습니다.

 

<!--remove autocomplete-->

<input style="display:none" aria-hidden="true">

<input type="password" style="display:none" aria-hidden="true">

<!--remove autocomplete end-->

<!--real input start-->

<input type="text" autocomplete="false" required>

<input type="password" name="password" autocomplete="new-password">

<!--real input end-->

모바일(특히 iOS)에서는 인풋에서 입력을 시작하면 첫 글자가 대문자로 입력이 됩니다. 하지만 아이디나 이메일 입력창에서 첫 글자가 대문자인 경우는 드물기 때문에 아래 코드릴 입력하시면 좋습니다. 은근히 UX를 개선하는 방법중 하나랄까..

 

<input type="email" autocapitalize="off">