Page 113 - Guida tascabile HTML5

(per esempio tramite tag <em> o <strong>) cui associare adeguate regole CSS: in

questo modo la personalizzazione sarà più semplice, e non sarà necessario
accontentarsi dell’aspetto predefinito dei pulsanti standard.

Non solo campi di testo: input alternativi

Come abbiamo visto nella prima parte di questo capitolo, gli input nei form non

si limitano ai semplici campi di testo, ma offrono anche strumenti specifici e
permettono di adattare l’interfaccia a diverse tipologie di dati e situazioni:

utilizzare controlli mirati consente di semplificare l’interazione e spesso garantisce

una miglior qualità dei dati raccolti.

Aree di testo: quando una riga non è sufficiente

Alcuni tipi di input richiedono spazio. In certi casi l’input richiesto all’utente è
decisamente più corposo di un termine o poco più: provate a pensare al modulo di

contatto di un sito web, che dopo i campi dedicati all’inserimento di nome,

cognome ed email, lascia spazio al messaggio vero e proprio, riservando un’area
di digitazione di dimensioni generose.

Il tag utilizzato per definire tale area è <textarea>. Rispetto ai tag visti finora nel

capitolo, questo deve essere accompagnato dal corrispettivo tag di chiusura.

<textarea name="feedback">Modifica questo contenuto.</textarea>
Due attributi specifici di questo tag sono cols e rows, che controllano

rispettivamente larghezza e altezza dell’area di input, prendendo come unità di
misura la dimensione dei caratteri al suo interno.

NOTA Nella maggior parte degli attuali browser desktop, l’area sarà in ogni caso
ridimensionabile a piacere, trascinando l’angolo in basso a sinistra. È possibile inibire
questa possibilità associando all’elemento la regola css resize: none.

Figura 6.21 Nell’area di testo è possibile inserire anche interruzioni di riga.

Rispetto agli altri input testuali descritti, all’interno di un campo <textarea> è
possibile digitare intere frasi e inserire interruzioni di riga premendo Invio: tali