Tag <textarea> §

---

A tag <textarea> é utilizada para criar áreas de texto expansíveis, permitindo que os usuários insiram e visualizem texto em uma caixa de texto de várias linhas.

Nota

A tag <textarea> é uma tag de contêiner, com corpo. O texto inserido entre as tags <textarea> e </textarea> é exibido como o conteúdo inicial da área de texto.

Atributos §

Atributo name §

Define o nome do elemento de formulário que será enviado ao servidor quando o formulário é submetido.

<textarea id="comentarios" name="comentarios" rows="4" cols="50">
  <!-- Conteúdo aqui -->
</textarea>

Atributo rows e cols §

Determinam o número inicial de linhas e colunas visíveis na área de texto. Embora esses atributos não restrinjam o número real de linhas ou colunas, eles controlam a exibição inicial.

Observação

A medição do tamanho da <textarea> é feito com base no número de caracteres. Por exemplo, no caso abaixo, cols="30" indica que a caixa de texto comporta 30 caracteres horizontalmente e rows="10" representa 10 caracteres verticalmente. Porém vale ressaltar que essa dimensão é 100% respeitadas e depende do navegador.

<textarea id="resumo" name="resumo" `rows="10"` cols="30">
  <!-- Conteúdo aqui -->
</textarea>

Exemplo §

<label for="comentarios">Comentários:</label>
<textarea id="comentarios" name="comentarios" rows="4" cols="50">
  Digite seus comentários aqui...
</textarea>

O atributo rows define o número inicial de linhas visíveis, enquanto o atributo cols define o número inicial de colunas visíveis.

Referências §

---

• Curso de JavaScript e TypeScript do básico ao avançado