HTML and CSS Reference
In-Depth Information
Le tastiere virtuali sono ottimizzate per tipologia di contenuto che viene inserito e, per
questo motivo, i nuovi tipi di input sono utili soprattutto quando si devono sfruttare brow-
ser legati agli ambiti appena descritti. Iniziamo a dare un'occhiata a questi nuovi elementi.
Un ambito in cui può tornare comodo l'utilizzo di un tipo specifico per inserire i corrispon-
denti valori attraverso una tastiera virtuale è quello rappresentato da numeri di telefono, da
e-mail o da URL. In questi casi, infatti, la tastiera deve mostrare un numero specifico di ta-
sti, anziché quelli generici, così da agevolare l'utente durante l'inserimento. L'uso di questi
valori è mostrato
nell'esempio 3.6
.
Esempio 3.6
<p><label>Telefono: <input name="phone"
type="tel"
/></label></p>
<p><label>E-mail: <input name="email"
type="email"
/></label></p>
<p><label>Sito: <input name="website"
type="url"
/></label></p>
Su un browser per desktop, a meno di non utilizzare particolari plug-in, questo markup pro-
durrà una normale serie di campi in cui inserire valori. Tra l'altro, per come funzionano i
browser, questo codice è compatibile anche con browser che non abbiano il supporto per
queste specifiche: in questi casi l'attributo
type
viene ignorato e al suo posto viene vi-
sualizzato un normale box per l'inserimento di testo. La
figura 3.5
riporta un esempio di
visualizzazione di questi tag in Safari per iPhone.
Figura 3.5
- Da destra verso sinistra, si possono notare le tastiere virtuali associate a un
campo URL, E-mail e Telefono.
