Page 97 - Guida tascabile HTML5

di un tag <input>, i due saranno connessi e l’utente potrà per esempio fare clic su un
label per attivare un controllo.

L’attributo type del tag <input> è fondamentale: definisce la tipologia di input

attesa nel campo in questione. In base al valore di tale attributo, i browser (o user

agent specifici per altre esigenze) potranno adattare l’interfaccia che sarà messa a
disposizione dell’utente, modificando anche radicalmente il tipo di interazione.

TERMINOLOGIA L’altro attributo fondamentale per i campi dei form è name: il valore di
questo attributo sarà associato all’input dell’utente quando il form sarà trasmesso. È
fondamentale assegnare a ogni campo un name univoco, per poter poi elaborare i dati
con gli script lato server.

Qui di seguito verranno descritti i valori dell’attributo type tradizionali,

abbastanza familiari per il largo utilizzo nei form online che incontriamo molto
spesso durante la navigazione, e a seguire le novità introdotte con la specifica

HTML5 che consentono di dettagliare meglio il tipo di input atteso.

Testo generico: type=”text”

Il valore predefinito, type="text", consente l’inserimento libero di una generica

stringa testuale.

<input type="text" name="testo">

Figura 6.2 Selezionando il campo “text” è possibile digitare del testo al suo
interno.

Password mascherate: type=”password”

Attribuendo il valore password all’attributo, il testo digitato dall’utente sarà
mascherato per garantire una privacy maggiore.

<input type="password" name="pwd">