Tag HTML <textarea>

Definizione e uso

<textarea> L'etichetta definisce un controllo di input di testo multilinha.

<textarea> Gli elementi vengono solitamente utilizzati nei moduli per raccogliere le informazioni inserite dall'utente, come commenti o recensioni.

L'area del testo può contenere un numero illimitato di caratteri e il testo viene presentato in un carattere a spaziatura uniforme (solitamente Courier).

La dimensione dell'area di testo è definita dagli attributi cols e rows (o tramite CSS).

Dopo aver inviato il modulo, è necessario l'attributo name per riferirsi ai dati del modulo (se l'attributo name viene omesso, i dati del campo di testo non vengono inviati).

È necessario l'attributo id per associare il campo di testo al tag (label).

Suggerimento:Aggiungi sempre <label> Usa il tag per ottenere le migliori pratiche di accessibilità!

Vedi anche:

Manuale di riferimento HTML DOM:Oggetto Textarea

Tutorial CSS:Imposta lo stile del modulo

Esempio

Esempio 1

Un controllo di input di testo multiriga (area di testo):

<label for="w3review">Commenta CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
Su codew3c.com, imparerai come sviluppare siti web. Forniscono tutorial gratuiti su tutte le tecnologie di sviluppo web.
</textarea>

Prova personalmente!

Esempio 2

Disabilita l'opzione di ridimensionamento predefinito:

<html>
<head>
<style>
textarea {
  resize: none;
}
</style>
</head>
<body>
<label for="w3review">Commenta CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
Su codew3c.com, imparerai come sviluppare siti web. Forniscono tutorial gratuiti su tutte le tecnologie di sviluppo web.
</textarea>
</body>
</html>

Prova personalmente!

Proprietà

Proprietà Valore Descrizione
autofocus autofocus Definisce che il campo di testo deve ottenere automaticamente il focus quando la pagina viene caricata.
cols numero Definisce la larghezza visibile del campo di testo.
dirname textareaname.dir Definisce la direzione del testo del campo di testo da inviare.
disabled disabled Definisce che il campo di testo deve essere disabilitato.
form id del modulo Definisce il modulo al quale appartiene il campo di testo.
maxlength numero Definisce il numero massimo di caratteri permessi nel campo di testo.
name testo Definisce il nome del campo di testo.
placeholder testo Definisce un breve suggerimento descrittivo del valore atteso del campo di testo.
readonly readonly Definisce che il campo di testo deve essere solo in lettura.
richiesto richiesto Definisce che il campo di testo è obbligatorio.
rows numero Definisce il numero di righe visibili nel campo di testo.
wrap
  • hard
  • soft
 Definisce come il testo del campo di testo viene a capo quando il modulo viene inviato.

Proprietà globali

<textarea> Il tag supporta anche Proprietà globali HTML.

Proprietà degli eventi

<textarea> Il tag supporta anche Proprietà degli eventi HTML.

Impostazioni CSS predefinite

Nessuno.

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto