Etiqueta <textarea> HTML

Definição e uso

<textarea> A tag define um controle de entrada de texto multilinha.

<textarea> Os elementos são geralmente usados em formulários para coletar entradas do usuário, como comentários ou feedback.

A área de texto pode conter um número ilimitado de caracteres e o texto é apresentado em fonte de largura fixa (normalmente Courier).

O tamanho da área de texto é definido pelos atributos cols e rows (ou usando CSS).

Após submeter o formulário, é necessário o atributo name para referenciar os dados do formulário (se o atributo name for omitido, os dados da área de texto não serão submetidos).

É necessário o atributo id para associar a área de texto ao rótulo (label).

Dica:Sempre adicione <label> Use a tag, para obter as melhores práticas de acessibilidade!

Veja também:

Manual de referência do HTML DOM:Objeto Textarea

Tutorial de CSS:Defina estilos de formulário

Exemplo

Exemplo 1

Um controle de entrada de texto multilinha (área de texto):

<label for="w3review">Comentário CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
No codew3c.com, você aprenderá a desenvolver sites. Eles oferecem tutoriais gratuitos de todas as tecnologias de desenvolvimento da Web.
</textarea>

Experimente você mesmo!

Exemplo 2

Desative a opção de ajuste de tamanho padrão:

<html>
<head>
<style>
textarea {
  resize: none;
}
</style>
</head>
<body>
<label for="w3review">Comentário CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
No codew3c.com, você aprenderá a desenvolver sites. Eles oferecem tutoriais gratuitos de todas as tecnologias de desenvolvimento da Web.
</textarea>
</body>
</html>

Experimente você mesmo!

Atributo

Atributo Valor Descrição
autofocus autofocus Define que a área de texto deve obter o foco automaticamente ao carregar a página.
cols Número Define a largura visível da área de texto.
dirname textareaname.dir Define a direção do texto na área de texto a ser submetida.
disabled disabled Define que a área de texto deve ser desativada.
form ID do formulário Define o formulário ao qual a área de texto pertence.
maxlength Número Define o número máximo de caracteres permitidos na área de texto.
name Texto Define o nome da área de texto.
placeholder Texto Define uma breve dica de texto para o valor esperado da área de texto.
readonly readonly Define que a área de texto deve ser apenas leitura.
required required Define que a área de texto é obrigatória.
rows Número Define o número de linhas visíveis na área de texto.
wrap
  • hard
  • soft
 Define como o texto dentro da área de texto deve ser quebrado ao submeter o formulário.

Atributos globais

<textarea> A tag também suporta Atributos globais no HTML.

Atributos de evento

<textarea> A tag também suporta Atributos de evento no HTML.

Configurações CSS padrão

Nenhum.

Suporte para navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte