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

html
<textarea></textarea>

L'elemento <textarea> consiste in un tag di apertura <textarea> e un tag di chiusura </textarea>. Qualsiasi testo inserito tra questi tag servirà come valore predefinito per l'area di testo.

Attributi

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

html
<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.

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

placeholder: fornisce un breve suggerimento all'utente riguardo alle informazioni attese nell'area di testo. Viene visualizzato come un segnaposto temporaneo fino a quando l'utente inizia a digitare.

html
<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.

html
<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 quando si visualizzano contenuti precompilati o non modificabili.

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

Esempio