Firefox ricorda il numero di telefono come nome utente

Ho una pagina di registrazione che include tutti i campi standard, ad es. Numero di telefono, e-mail, ecc.

Il telefono e la password sono tab adiacenti, cioè non fisicamente adiacenti, ma se si sta effettuando la tabulazione, va il nome -> cognome -> email -> telefono -> password.

Per qualche motivo sta dando agli utenti la richiesta di ricordare il loro nome utente e password quando si registrano (il che è carino) ma sta salvando il numero di telefono come nome utente.

Ci sono regole per aiutarlo a decidere / impedirgli di suggerire alle persone di ricordare la combinazione di numeri di telefono / password sempre così utile?

Grazie in anticipo

MODIFICARE:

• I nomi sugli elementi del modulo sono "Telefono" e "passwordxt".

• Mi piacerebbe ricordare e-mail e password. Ciò è realizzabile data la situazione attuale?

• Purtroppo non posso riordinare i campi del modulo. L'ordine è indicato nella tabulazione sopra.

Usa autocomplete = "off" per disabilitare il completamento automatico e Firefox (e altri browser che supportano questo attributo non standard) non salveranno questi valori.

<input type=text" name="dontsave" autocomplete="off">

Modificare:

Quello che stai vedendo potrebbe essere dovuto ai nomi dei campi che stai utilizzando. Il completamento automatico cerca i nomi comuni dei campi nome utente / login e il campo del numero di telefono potrebbe far credere a Firefox di essere il campo ID di accesso principale.

Modifica 2:

Il campo email è prima o dopo il campo Telefono? Se è dopo, è possibile metterlo prima del campo Telefono? Se è così, fa la differenza?

In genere non è possibile senza riordinare i campi o senza un hack. Il tuo usernamecampo deve essere proprio prima del tuo passwordcampo in Firefox.

Ho avuto lo stesso problema ma cognome anziché telefono . Dopo ore di tentativi, questa risposta ha chiarito. Firefox (almeno nella versione corrente) cerca un campo password. Quindi prende il campo prima come campo nome utente e chiede all'utente se desidera salvare queste credenziali.

Il completamento automatico non è il problema (principale) qui. Anche con il completamento automatico disattivato per l'intero modulo, Firefox ti chiederà comunque se desideri salvare le tue credenziali.

Puoi fare qualcosa del genere:

<input type="text" name="username" autocomplete="username">
<input type="default" name="email" autocomplete="email">
<input type="password" name="password" autocomplete="new-password">

Firefox nella versione corrente cerca il primo campo password. Da lì cerca il primo campo di tipo precedente texto emailper trovare il campo nome utente.

Quindi possiamo ingannarlo usando un tipo di campo non valido ( defaultNON è un tipo di campo valido). Quindi ora non è necessario riordinare i campi per soddisfare Firefox. Quando un browser non conosce il tipo di campo, visualizza solo un normale campo di testo.

Safari utilizza un meccanismo diverso e non ho avuto problemi con esso. Penso che guardi i nomi dei campi.

Gli attributi di completamento automatico forniscono al browser ulteriori indicazioni su cosa viene utilizzato per ciascun campo.

Ho notato comportamenti simili in Google Chrome prima. Quali sono i nomi dati ai campi di input? So che i browser hanno spesso problemi con i campi se usano codice come name="signup[email]"per passare tutto in una variabile al lato server (molto utile in PHP).

Puoi provare a usare questo semplice formato: <input name="username" type="text">con emaile passwordcome nomi per quei due campi. (Nota: in realtà non l'ho provato, quando mi sono imbattuto in questa situazione prima di non poter cambiare i nomi dei campi.)