Máscaras customizadas são padrões de formatação aplicados a campos de entrada de texto para controlar a maneira como os dados são digitados e exibidos. Elas definem um formato predefinido para garantir que as informações sejam inseridas corretamente, como números de telefone, CPFs, CEPs, datas etc.
Você define a máscara e ela não mudará de acordo com o input do usuário.
Ex: data de aniversário
99/99/9999
É possível definir algumas partes da máscara como opcionais. Você pode fazer isso utilizando [ ].
Ex: número de telefone com ou sem o dígito adicional
(99) 9999[9]-9999
Essa máscara vai permitir inputs (99) 99999-9999 ou (99) 9999-9999.
Esse tipo de máscara pode mudar de acordo com o input do usuário. Para utilizá-la, utilize { }.
Ex: coletando dado de CPF (até 11 dígitos) ou CNPJ (até 14 dígitos)
{1,14}
Essa máscara vai permitir que o input tenha pelo menos 1 dígito e no máximo 14.