L'elemento <textarea> è uno strumento potente per creare un campo di input di testo multi-linea su una pagina web. Consente agli utenti di inserire e inviare quantità di testo maggiori rispetto all'elemento <input>, che è limitato a una sola riga di testo.

<textarea></textarea>

L'elemento <textarea> è composto da un tag di apertura <textarea> e un tag di chiusura </textarea>. Qualsiasi testo inserito tra questi tag verrà utilizzato come valore predefinito per l'area di testo.

Attributi

name: specifica il nome dell'area di testo, utilizzato per identificare il campo quando il modulo viene inviato.

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

rows e cols: determinano rispettivamente il numero di righe e colonne visibili dell'area di testo. Permettono di specificare la larghezza e l'altezza dell'area di testo.

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

placeholder: fornisce un breve suggerimento all'utente riguardo le informazioni attese nell'area di testo. Viene visualizzato come segnaposto temporaneo finché l'utente non inizia a digitare.

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

maxlength: specifica il numero massimo di caratteri che possono essere inseriti nell'area di testo. Aiuta a imporre limiti o restrizioni sui caratteri.

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

readonly: l'attributo readonly, quando aggiunto all'elemento <textarea>, rende il campo di sola lettura, impedendo agli utenti di modificare il testo. È utile per visualizzare contenuti precompilati o non modificabili.

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

Esempio