Gestire l’autocomplete nei form HTML

L'autocompletamento dei campi di un form all'interno di una pagina html fa risparmiare un sacco di tempo. Un paio di click ed ecco il nostro indirizzo email, il nostro URL o qualsiasi dato comparire all'interno del modulo.

In alcuni casi l'autocomplete potrebbe essere scomodo o poco sicuro: pensate ad esempio ad alcuni form avanzati in cui si preferisce implementare un "suggest" alla Google.

Per quel che invece riguarda il lato "sicurezza" della faccenda è interessante questo articolo tratto dal wiki di mozilla.org.

When Microsoft introduced form AutoComplete to the web with Internet Explorer 5 in 1999, they also "extended" the form and text and password input elements of HTML 3.2 with an autocomplete attribute which allowed site authors to disable this feature on a case-by-case basis. Gecko-based browsers gained an autocomplete feature in 2000, and by 2001 they too were forced to support the autocomplete attribute (Netscape Devedge: How to Turn Off Form Autocompletion).

The primary motivation for the attribute at that time was that banks believed disabling autocomplete was a necessary security measure for the login information on their websites, and would bar from their services browsers that had autocomplete features without support for disabling them.

[...]

Here's a non-exhaustive list of major banking groups I've found currently making use of autocomplete:

• Citigroup
• HSBC
• Bank of America
• JPMorganChase
• Compass Bank
• Royal Bank of Scotland

Come possiamo (ipotizzando di lavorare per una banca) disabilitare l'autocomplete di un campo senza dover agire sul computer dell'utente? Guardate qua.

C'è un attributo del tag input dedicato proprio a questo scopo (con poca fantasia è stato chiamato "autocomplete" e ha come valore di default "off") Il codice non ha bisogno di alcuna spiegazione: un'immagine vale più di mille parole.

Attenzione: l'attributo "autocomplete" nonostante sia  supportato da tutti i principali browser rende le vostre pagine web "non valide".

Esistono dei work-around per validare comunque la pagina (sempre nell'articolo citato prima), ma forse non vale la pena in alcuni casi di ricorrere a DTD custom o altre tecnicaglie...