← Voltar à biblioteca
Formulários

Campo de texto

Text field / Input

Uma área para digitar uma informação curta em uma única linha.

Exemplo didático · Experimente os controles acima

Quando usar

Coletar nomes, títulos e outros valores curtos.

Cuidados e acessibilidade

Associe um label visível; placeholder não substitui o rótulo.

Partes e comportamento

Rótulo, área editável, valor, ajuda e mensagem de erro quando houver.

Não confunda

Uma textarea aceita várias linhas. O input de texto é de linha única.

Exemplo de código

<label for="nome">Nome completo</label>
<input id="nome" name="nome" autocomplete="name" required>

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

Peça assim para uma IA

BIBLIOTECA UI / EXPLORAR