El elemento <textarea> es una herramienta potente para crear un campo de entrada de texto de varias líneas en una página web. Permite a los usuarios ingresar y enviar cantidades mayores de texto en comparación con el elemento <input>, que está limitado a una sola línea de texto.

<textarea></textarea>

El elemento <textarea> consta de una etiqueta de apertura <textarea> y una etiqueta de cierre </textarea>. Cualquier texto colocado entre estas etiquetas servirá como valor predeterminado para el área de texto.

Atributos

name: especifica el nombre del área de texto, que se utiliza para identificar el campo cuando se envía el formulario.

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

rows y cols: determinan el número de filas y columnas visibles del área de texto, respectivamente. Permiten especificar el ancho y la altura del área de texto.

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

placeholder: proporciona una breve sugerencia al usuario sobre la información esperada en el área de texto. Se muestra como un marcador temporal hasta que el usuario comienza a escribir.

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

maxlength: especifica el número máximo de caracteres que se pueden ingresar en el área de texto. Ayuda a imponer límites o restricciones de caracteres.

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

readonly: el atributo readonly, cuando se añade al elemento <textarea>, hace que el campo sea de solo lectura, impidiendo que los usuarios modifiquen el texto. Es útil para mostrar contenido prellenado o no editable.

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

Ejemplo