O elemento <textarea> é uma ferramenta poderosa para criar um campo de entrada de texto multilinha em uma página web. Ele permite que os usuários insiram e enviem quantidades maiores de texto do que o elemento <input>, que é limitado a uma única linha de texto.

<textarea></textarea>

O elemento <textarea> consiste em uma tag de abertura <textarea> e uma tag de fechamento </textarea>. Qualquer texto colocado entre essas tags servirá como valor padrão para a área de texto.

Atributos

name: especifica o nome da área de texto, que é usado para identificar o campo quando o formulário é enviado.

<textarea name="feedback"></textarea>

rows e cols: determinam o número de linhas e colunas visíveis da área de texto, respectivamente. Permitem especificar a largura e a altura da área de texto.

<textarea name="feedback" rows="3" cols="30"></textarea>

placeholder: fornece uma breve dica ao usuário sobre as informações esperadas na área de texto. É exibido como um texto temporário até que o usuário comece a digitar.

<textarea name="feedback" placeholder="Leave your opinion"></textarea>

maxlength: especifica o número máximo de caracteres que podem ser inseridos na área de texto. Ajuda a impor limites ou restrições de caracteres.

<textarea name="feedback" maxlength="200"></textarea>

readonly: o atributo readonly, quando adicionado ao elemento <textarea>, torna o campo somente leitura, impedindo que os usuários modifiquem o texto. É útil ao exibir conteúdo pré-preenchido ou não editável.

<textarea name="feedback" readonly>This content is read only.</textarea>

Exemplo