Di seguito una semplice best-practice su come, in modo forzato, disabilitare il completamento automatico sui campi utente,password ed email sui browser Chrome e Opera.
Solitamente infatti, è prevista la possibilità di disabilitare l'autocompletamento aggiungendo l'attributo autocomplete="off" al form o al campo input.
<form autocomplete="off">
</form>
Nel caso specifico dei campi sopracitati, Chrome ed Opera non sono molto diligenti e presentano in automatico, in alcune situazioni, delle informazioni di accesso in un contesto che non è quello corretto come ad esempio quando stiamo configurando degli utenti nella nostra applicazione.
Questo comportamento ci obbliga puntualmente a cancellare i dati suggeriti ad ogni inserimento o modifica.
Per poter ovviare a questo problema è sufficiente adattare la seguente soluzione.
Si tratta di inserire i seguenti campi fake e nascosti all'inizio del nostro form.
<!-- fake fields are a workaround for chrome autofill getting the wrong fields -->
<input style="display:none" type="text" name="fakeusernameremembered"/>
<input style="display:none" type="password" name="fakepasswordremembered"/>
Questo indirizzerà l'attenzione del browser su dei campi che non ci interessano permettendoci di inserire a nostra discrezione quelli corretti senza suggerimenti.
Nessun commento:
Write commenti