terça-feira, 6 de maio de 2014

Dica do Dia!

A dica de hoje é sobre HTML5 mais especificamente sobre o atributo placeholder.
Por quantas vezes você precisou informar um valor para o usuário em um input e teve que recorrer ao value do campo, quanto criamos um input de texto e atribuímos um value para ele o coitado do usuário terá que apagar o valor inicial para só então poder digitar um novo valor no campo.

O placeholder é um atributo novo para ser utilizado dentro do input, ao invés de utilizar o value use o placeholder para informar valores inicias em inputs de texto.

Veja como a diferença no caso a baixo:

 Nesse caso o coitado do usuário terá que apagar todo o valor informado inicialmente pelo atributo value.


<input type="text" value="Nome Completo" />



 Já nesse caso quando o primeiro caractere for digitado a informação envia pelo placeholder é apagada sem que o usuário tenha que fazer isso manualmente.


<input type="text" placeholder="Nome Completo" />

Além de esteticamente melhor o uso do placeholder aumenta bastante a usabilidade de seu site, blog ou e-commerce.


Nenhum comentário:

Postar um comentário

Se você gostou, deixe seu comentário...