Abilitare la compilazione automatico (AutoFill) della password su un elemento input HTML con type="password"
Per assicurarti che l'elemento input HTML visualizzi il suggerimento "AutoFill" corretto, imposta l'attributo "autocomplete" usando uno dei seguenti valori:
|
Credenziali
|
Valori per Autocomplete
|
|
User Name
|
username
|
|
Password
|
current-password
|
|
New Password
|
new-password
|
|
One-Time Code
|
one-time-code
|
La definizione esplicita del valore di completamento automatico di un elemento di input consente di supportare flussi di lavoro di accesso che altrimenti non potrebbero essere rilevati dall'euristica di Compilazione automatica password. Ad esempio, l'euristica presuppone che il nome utente e la password siano inseriti nella stessa pagina. Se si dispone di un modulo di accesso multipagina, l'impostazione esplicita dei tipi di nome utente e password corrente consente all'utente di toccare e riempire tali input, anche se si trovano su pagine separate. Allo stesso modo, l'euristica presuppone che gli input di password e nuove password utilizzino sempre un testo sicuro; pertanto, se si desidera consentire all'utente di digitare le proprie password in testo normale, è necessario impostare il tipo di contenuto del testo di input su password corrente o nuova password.
Per impostazione predefinita, il sistema seleziona una tastiera in base al valore di completamento automatico dell'elemento di input; tuttavia, puoi mescolare il tipo di elemento di input e i valori di completamento automatico per definire esplicitamente la tastiera desiderata. Ad esempio, se il tuo sito utilizza indirizzi email come nomi utente, imposta l'attributo di completamento automatico della vista di input su nome utente e imposta la proprietà type su email.
Questo esempio definisce i campi di testo per l'accesso:
<input id="user-text-field" type="email" autocomplete="username"/>
<input id="password-text-field" type="password" autocomplete="current-password"/>
|
Quando si crea un nuovo account o si modifica la password, utilizzare invece il valore dell'attributo new-password:
<input id="new-password-text-field" type="password" autocomplete="new-password"/>
<input id="confirm-password-text-field" type="password" autocomplete="new-password"/>
|
Inoltre, è possibile completare automaticamente la richiesta di codice SMS per conferma autenticazione:
<input id="single-factor-code-text-field" autocomplete="one-time-code"/>
|