Nesse formulário quando o campo estiver com o foco de preenchimento, a dica (só números) ou dd/mm/aaaa, será apresentada, e ocultada quando o foco for para outro campo, aparecendo então a dica do campo clicado. Clique no formulário acima para conferir.
No Html: <form action="" method="get" id="formulario"> <label for="cpf">CPF</label><br> <input name= "cpf" type="text" id= "cpf" /> <span>só números</span><br> <label for="data">Data</label><br> <input name= "data" type="text" id= "data" /> <span>dd/mm/yyyy</span><br> </form>
No javaScript:
$(document).ready(function(){
$(":input + span").css({
border:"1px solid #000",
padding: "2px 4px",
background: "#CCC",
display:"none",
marginLeft:"10px"
});
$(":input").focus(function(){
$(this).next().fadeIn(1500);
}).blur(function(){
$(this).next().fadeOut(1500);
});
});