Formulários

Texto de exemplo

Placeholder

Uma dica dentro de um campo vazio que desaparece ao preencher.

Nome do projetoO exemplo desaparece quando você digita.

Exemplo didático · Experimente os controles acima

Quando usar

Oferecer um exemplo breve do formato esperado.

Cuidados e acessibilidade

Não use como único rótulo nem como instrução que precisa ser lembrada.

Partes e comportamento

Texto temporário exibido quando o campo não tem valor.

Não confunda

Não serve como mensagem de erro nem como único texto que explica o campo.

Exemplo de código

<label for="projeto">Nome do projeto</label>
<input id="projeto" placeholder="Ex.: Biblioteca de referências">

Trecho didático. Integre e teste no contexto do seu projeto.

Peça assim para uma IA

Crie um componente de interface do tipo Texto de exemplo (Placeholder) em português do Brasil. Uma dica dentro de um campo vazio que desaparece ao preencher. Contexto de uso: Oferecer um exemplo breve do formato esperado. Estrutura: Texto temporário exibido quando o campo não tem valor. Referência técnica: placeholder. Requisito: Não use como único rótulo nem como instrução que precisa ser lembrada. Considere também: Não serve como mensagem de erro nem como único texto que explica o campo. Adapte cores e tipografia ao projeto. Cubra estados inicial, foco, ativo, indisponível, carregamento, vazio e erro quando aplicáveis. Garanta contraste legível, comportamento responsivo, movimento reduzido e acesso por teclado. Use textos em PT-BR, valores em reais e datas no formato brasileiro quando houver. Explique quais partes exigem integração real e não simule sucesso sem concluir a operação.

Consultar referência técnica ↗Copiar link deste termo ↗