Se trata de um plugin bem simples e pequeno (2.8kb) de jquery pra fazer máscaras nos inputs de um formulário, como cpf, cnpj, telefone, cep, etc…
Pra usar é bem simples, faça download dos arquivos:
JQuery 1.2.6, versão pack e Masked Input-1.1.4, versão pack
Faça o download dos arquivos acima
Chame-os dentro do HEAD da sua página :
<head> <title> título do site </title> ... <script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="js/jquery.maskedinput-1.1.4.pack.js"/></script> </head>
Para aplicar a máscara, as regras são simples:
a – Representa qualquer letra (A-Z,a-z)
9 – Representa qualquer número (0-9)
* – Representa qualquer caractére alfanumérico (A-Z,a-z,0-9)
Veja os exemplos
<script type="text/javascript"> $(document).ready(function(){ $("#telefone").mask("9999-9999"); $("#cpf").mask("999.999.999-99"); $("#cep").mask("99999-999"); $("#data").mask("99/99/9999"); }); </script>
Depois só faça o html normalmente.
A documentação completa do plugin se encontra aqui.