Usando Masked para entrada de dados via formulário HTML

1) Baixe o jQuery em: http://jquery.com/download/

2) Depois baixe o plugin “masked” em: http://plugins.jquery.com/?s=masked

No exemplo abaixo vou usar a pasta “js” para guardar os dois arquivos necessários a execução do exemplo “mascara.html”.

 


mascaras com jQuery

mascaras com jQuery

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.10.0.min.js"> </script>
<script type="text/javascript" src="js/jquery.maskedinput.js"> </script>
<script>
$(document).ready(function(){
$('#data').mask('99/99/9999');
$('#ip').mask('999.999.999.999');
});
</script>
</head>
<body>
<div>Exemplo Masked</div>
Data: <input type="text" id="data"> dd/mm/aaaa <br>
IP: <input type="text" id="ip"> 999.999.999.999 <br>
</body>
</html>

 

 

 

 

Sobre Carlos Susviela

Programador WebDeveloper (Sistemas e páginas internet) Técnico Informática --------------------------- Torcedor: S.C. Internacional / RS / Brasil
Esse post foi publicado em Programação e marcado , , , . Guardar link permanente.

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s