Le form - HTML5 con CSS e JavaScript - page 54

Figura 3.6 - Attraverso questa variante, diventa possibile far inserire valori sia a mano sia
utilizzando i pulsanti per incrementare o decrementare il risultato.
Invocando i metodi stepUp e stepDown da JavaScript, diventa possibile incrementare o
decrementare il valore del campo anche in maniera programmatica, cioè da codice client-
side.
Discorso analogo può essere fatto per i cosiddetti slider, che possiamo attivare impo-
stando l'attributo type dell'esempio 3.7 sul valore range . Come possiamo notare nella
figura 3.7 , il risultato visuale cambierà.
Figura 3.7 - Attraverso uno slider, in talune circostanze, l'utente può inserire i valori uti-
lizzando un'interfaccia più usabile, specie se non rappresenta un vantaggio visualizzare
l'effettivo valore.
Infine, merita un discorso a parte la gestione di orari e date. Attualmente, solo Opera e
(parzialmente) Chrome gestiscono bene questa parte delle specifiche, aggiungendo, come
possiamo aspettarci in questo caso, un comodo calendario per inserire le date, senza ricor-
rere a plug-in esterni per farlo. In questo caso, occorre impostare l'attributo type su uno
dei valori che seguono:
date : consente di scegliere una data;
month : per specificare il mese;
week : per selezionare la settimana;
time : per inserire un orario;
datetime : per inserire data e ora;