Home
índice
Página anterior

Dica de Preenchimento (Hint)


só números

dd/mm/aaaa

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);
});
});