Placeholder em Formulários HTML5
HTML5 - Atributo Placeholder em formulários HTML5Informação:
Com a chegada do HTML5 muitos novos atributos foram integrados pouco a pouco aos mais conhecidos navegadores, e um que se ressalta entre os demais é o atributo "Placeholder" que permite mostrar determinados valores em campos de formulários, possibilitando ao desenvolvedor criar formulários mais simples e mais diretos.
Obs: Vale lembrar que essa função CSS funciona apenas nos navegadores Google Chrome 10, Mozila Firefox 4 e Safari 5 ou superiores.
Vejamos alguns exemplos da utilização do Placeholder:
<input type="text" name="email" id="email" value="E-Mail" Placeholder="exemplo@exemplo.com.br">
Onde:
O campo "Placeholder" é utilizado para indicar ao navegador o texto que deverá aparecer escrito no campo do formulário, na maioria das vezes utilizado para indicar ao usuário como deve ser preenchido aquele campo em específico ou a função daquele campo de formulário.
Abaixo um exemplo de utilização
<input type="text" name="nome" id="nome" value="Nome:" Placeholder="João Manuel">
<input type="text" name="email" id="email" value="E-Mail:" Placeholder="exemplo@exemplo.com.br">
| Nome: | |
| E-mail: |
Criação e Diagramação
