HTML and CSS Reference
In-Depth Information
Come per altri casi, se vogliamo che funzioni anche con browser vecchi, occorre continuare
a utilizzare un meccanismo di fallback basato su JavaScript.
Un caso decisamente analogo a quello del placeholder è rappresentato dall'autocomplete,
cioè dalla possibilità di disabilitare l'aiuto nel completare un modulo mentre scriviamo.
Potremmo, per esempio, voler inibire questo comportamento per gestire la privacy
dell'utente, in campi che contengono dati sensibili, come lo username o il numero di carta
Esempio 3.10
<input type="text" autocomplete="off" />
Questo tag è inseribile anche all'interno del tag
form
, con l'effetto che tutti gli input al suo
interno avranno questo comportamento. Di default il valore di questo attributo è impostato
su
on
. Questo attributo non è una novità di HTML5.
Un elemento particolarmente interessante, introdotto dalle specifiche, è
datalist
. Si
tratta di un elemento che consente di aggiungere un elenco di valori per un certo campo,
che rappresentano le possibilità di inserimento di un valore a mò di autocomplete, lasciando
però all'utente la possibilità di inserire un valore non incluso nella lista, a differenza di
quanto avviene con gli altri tag che offrono funzionalità di questo tipo, come
select
.
L'esempio 3.11
mostra come fare.
Esempio 3.11
<label>La tua provincia:
<input type="text" name="province" list="provinces" />
<datalist id="provinces">
<option value="AG">Agrigento</option>
<option value="AL">Alessandria</option>
<option value="AN">Ancona</option>
...
