WebCis - Serviços de criação sites, marketing digital e sistemas web.

SIGA-NOS
Solicite um orçamento

Dicas para Criação e de sites

Placeholder em Formulários HTML5

Publicidade

Informaçã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:

<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:
Publicidade
Postado por: Arthur Di Polito
Criação e Diagramação 

 

Assine nosso feeds e receba notícias todas semanas

Últimos Clientes

[veja todos]