<textarea>: Elemento TEXTAREA
Última atualização: 2026-10-13
<textarea>Elemento TEXTAREA
Uma entrada de texto simples multilinha, ideal para comentários, mensagens ou código.
| Categoria | Formulários |
|---|---|
| Modelo de Conteúdo | Conteúdo de fluxo |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </textarea> tag |
| Status | Padrão |
📝 Sintaxe
<textarea name="msg" rows="4" cols="50">Texto padrão</textarea>⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
name | Field name sent to the server. | |
rows | Number of visible rows. | |
cols | Number of visible columns (width). | |
placeholder | Hint shown when empty. | |
required | Must be filled before submit. | |
maxlength | Maximum number of characters. | |
readonly | Read-only, not editable. | |
disabled | Disables the field. | |
wrap | Wrapping: soft or hard. |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <textarea> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： O valor padrão vai entre as tags, não em um atributo value.
❓ Perguntas Frequentes
QComo definir o tamanho de textarea?
ADois níveis: o tamanho padrão vem dos atributos
rows e cols (linhas e largura em colunas); se o usuário pode redimensionar arrastando é definido pelo CSS resize (none proíbe, vertical só na vertical, both livre). Em layouts modernos, width/height no CSS definem o tamanho diretamente.QOnde fica o valor inicial de textarea?
AEntre a tag de abertura e a de fechamento:
<textarea>Conteúdo inicial</textarea>. Ela não tem atributo value (diferente do input); placeholder continua disponível. Em JS, o valor atual lê-se por textarea.value.Qtextarea pode limitar o tamanho da entrada?
ASim: o atributo
maxlength impõe limite rígido (não deixa digitar além), e minlength valida o mínimo. Atenção: maxlength conta caracteres (incluindo quebras de linha), o que pode divergir do limite em bytes do backend — alinhe as regras dos dois lados.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
