|
Esse atributo é usado para auxiliar o usuário no preenchimento do campo, pois ele dá uma dica do que deve ser inserido.
Quem nunca precisou colocar um valor padrão dentro do input e teve que fazer uma gambiarra, digo, adaptação técnica do tipo:
<input name=”q” value=”Search here” onfocus=”if(this.value==’Search here’)this.value=’’”>
HTML5 nos permite fazer isso de maneira muito mais elegante:
<input name=”q” placeholder=”Search here”>
Ou
<input name="pesquisar" type="search" placeholder="Pesquisar"/>
Exemplo Prático do Placeholder:
<!DOCTYPE
html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<title>Placeholder, HTML5 way</title>
</head>
<body>
<input name="q" placeholder="Search
here">
</body>
</html>
Veja Mais:
- Elemento canvas em HTML5- Atributo required no HTML5
- Formulário de contato pronto com HTML5
- Como usar Placeholder no HTML5
- Validar CEP com HTML5 usando Pattern
- Colocar vídeo na página com HTML5
- Colocar áudio na página com HTML5
- Elemento Áudio e Vídeo em HTML5
- Criar Formulários em HTML5
- Introdução ao HTML5
- Estrutura de um documento html 5
- Layout em HTML5
0 comentários:
Postar um comentário