Atributo placeholder
O atributo placeholder define uma dica
no campo de entrada de um formulário HTML.
Essa dica é necessária para indicar ao usuário o que
deve ser inserido naquele campo. A própria dica será
posicionada dentro do campo de entrada, mas, diferentemente do
atributo value,
desaparecerá automaticamente ao tentar
digitar texto.
Aplica-se às tags input,
textarea.
Você pode aplicar estilos CSS à dica placeholder
usando o pseudoelemento placeholder.
Exemplo
Vamos definir uma dica placeholder para um campo de entrada:
<input type="text" placeholder="digite seu nome">
:
Exemplo . Atributo value simultaneamente com placeholder
Aqui, vamos definir simultaneamente uma dica
placeholder e o atributo value
para um campo de entrada.
Se você apagar o conteúdo do atributo value,
verá a dica que estava oculta por ele:
<input type="text" placeholder="digite seu nome" value="João">
:
Veja também
-
atributo
value,
que define o valor padrão para o campo de entrada -
pseudoelemento
placeholder,
que define os estilos para a dica -
pseudoclasse
placeholder-shown,
que define os estilos para o campo de entrada com uma dica
