Очень простой и изящный способ как отключить автозаполнения и выпадающие списки с выбором логина и пароля от браузера на формах регистрации и прочих формах.
<div class="field">
<input type="password" name="pass" autocomplete="new-password">
<div class="hidden"></div>
</div>
здесь мы отключаем автозаполнение пароля, а также чтобы не было выпадающего списка выбором паролей там где это не нужно:
- оборачиваем форму в блок со свойством position:relative
- после поля прописываем блок с position:absolute top:0 left:0 width:100% height:100%
- создаем событие onclick, для класса field где вызываем фокус для нашего поля внутри
разница на скриншотах
До
После
