Как создать маску в input с точками и дистанцией между цифрами?

Question

[someserj]

Желательно в контексте Angular, но pure js тоже подойдет.

Answer 1

[Антон Швец]

моноширинный шрифт, прозрачный инпут, позади инпута pre, который заполняется пробелами и точками по мере ввода символов в инпут

Comments

[someserj]

не понял схему, наоборот, точки должны исчезать по мере ввода. как это реализовать?

[Антон Швец]

someserj, ну так заменяешь точки пробелами.
на pre было ****, ввел в инпут два символа, заменил pre на **

[Антон Швец]

примерно вот так
https://stackblitz.com/edit/angular-ivy-ygk2xg

Answer 2

[Антон Шаманов]

www.igorescobar.com/blog/2012/05/06/masks-with-jqu...

Answer 3

[Roman Khegay]

Готовая библиотека ngx-mask

Comments

[someserj]

спасибо, но я в ней я не вижу как можно сделать точки как на моем скриншоте

[Roman Khegay]

someserj, placeholder + mask