Le form - HTML5 con CSS e JavaScript - page 51

Con questo tag, il testo va inserito all'interno dell'elemento stesso, mentre per recuperare
il valore scritto dall'utente, nella parte server-side, dovremo implementare lo stesso codice
associato a qualsiasi altro tipo di tag che venga utilizzato nella form.
L'attributo maxlength (disponibile anche sul tag input ) indica la lunghezza massi-
ma del testo inseribile dall'utente. Gli attributi cols e rows , invece, indicano rispettiva-
mente il numero di righe e colonne occupati dall'elemento visuale. Possiamo anche speci-
ficare la dimensione utilizzando uno stile dentro un CSS. Il risultato è visibile nella figura
3.4 .
L'uso di questo tag è generalmente consigliato quando abbiamo blocchi lunghi di testo. In
altri scenari, invece, possono tornare utili alcuni dei tag che introdurremo di seguito.
Figura 3.4 - Il tag textarea può consentire l'inserimento di più righe di testo, facilitando
gli scenari in cui è necessario specificare grandi quantità di testo.
Uso avanzato delle form
Prima di HTML5, il tag input , attraverso il suo attributo type , era utilizzato in queste
modalità, oltre che in quelle già citate:
password : mostra un campo per l'inserimento di password;
file : consente l'invio di file in remoto (necessita di un opportuno script lato server);
hidden : consente l'invio di campi nascosti (utili per inviare informazioni calcolate
o che, comunque, l'utente non ha interesse a visualizzare).
Storicamente, questo è stato uno dei problemi più sentiti in HTML, perché le interfacce si
sono evolute molto dalle specifiche iniziali: oggigiorno è del tutto normale inserire email,
URL, date o orari e trovare aiuto (per esempio, attraverso tastiere virtuali) mentre digitiamo
le informazioni. Questa caratteristica è data per scontata nei device mobili, molto in voga
in questo periodo, come smartphone o tablet . In questi scenari, appunto, viene mostrata
una tastiera virtuale , perché è assente quella fisica.