Как работает автозаполнение полей ввода при использовании масок?

Автозаполнение полей ввода при использовании масок работает так, что вводимое значение форматируется автоматически. guides.kontur.ru

Некоторые особенности работы:

• Маска показывается только после того, как поле получает фокус. guides.kontur.ru Это снижает количество визуального шума на странице. guides.kontur.ru
• Если количество символов, которое нужно ввести, может быть разным, маска не показывается, чтобы не путать пользователя. guides.kontur.ru
• Если в маске есть разделители или пробелы, они появляются автоматически сразу после ввода предыдущего символа. guides.kontur.ru
• Если пользователь сам введёт дефис или другой разделитель, он игнорируется, то есть не добавляется дважды. guides.kontur.ru
• При попытке ввода недопустимого или лишнего символа, этот символ игнорируется, поле вспыхивает цветом фокуса. guides.kontur.ru

Пример использования масок ввода — ввод номеров телефонов. info.gosuslugi.ru Маска обеспечивает возможность вводить только цифры номера, а остальные символы (например, скобки вокруг кода города, дефис между цифрами номера) добавляются автоматически. info.gosuslugi.ru