Firefox se souvenant du numéro de téléphone comme nom d'utilisateur

8

J'ai une page d'inscription qui comprend tous les champs standard, par exemple le numéro de téléphone, l'e-mail, etc.

Le téléphone et le mot de passe sont adjacents à un onglet, c'est-à-dire non physiquement adjacents, mais si vous utilisez la tabulation, cela signifie prénom -> nom de famille -> email -> téléphone -> mot de passe.

Pour une raison quelconque, les utilisateurs sont invités à se souvenir de leur nom d'utilisateur et de leur mot de passe lors de leur inscription (ce qui est bien), mais il enregistre le numéro de téléphone en tant que nom d'utilisateur.

Existe-t-il des règles pour l'aider à décider / l'empêcher de suggérer aux gens de se souvenir de la combinaison numéro de téléphone / mot de passe si utile?

Merci d'avance

ÉDITER:

  • Les noms sur les éléments du formulaire sont "Phone" et "txtpassword".

  • Je voudrais qu'il se souvienne de l'email et du mot de passe. Est-ce réalisable compte tenu de la situation actuelle?

  • Malheureusement, je ne peux pas réorganiser les champs du formulaire. L'ordre est indiqué dans la tabulation ci-dessus.

tgandrews
la source
Haha ça m'arrive aussi
Mark Henderson

Réponses:

4

Utilisez autocomplete = "off" pour désactiver la saisie semi-automatique et Firefox (et les autres navigateurs qui prennent en charge cet attribut non standard) n'enregistreront pas ces valeurs.

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

Éditer:

Ce que vous voyez peut être dû aux noms de champ que vous utilisez. La saisie semi-automatique recherche les noms de champs username / login courants pour fonctionner et votre champ de numéro de téléphone peut faire croire à Firefox qu'il s'agit du champ ID de connexion principal.

Modifier 2:

Le champ e-mail est-il avant ou après le champ Téléphone? Si c'est après, est-il possible de le mettre avant le champ Téléphone? Si oui, cela fait-il une différence?

John Conde
la source
Je ne pense pas que le PO souhaite ce comportement. De plus, vous ne pouvez pas utiliser autocompleteau niveau du champ, il doit être au niveau du formulaire, c'est<form autocomplete="false"...
DisgruntledGoat
Vous pouvez l'utiliser au niveau du champ. Consultez le formulaire de connexion de wachovia.com comme exemple parfait.
John Conde
@disgrunt - nous l'utilisons tout le temps sur les éléments de champ - en particulier le numéro CC / les champs d'expiration.
Mark Henderson
2

Ce n'est généralement pas possible sans réorganiser vos champs ou sans pirater. Votre usernamechamp doit être juste avant votre passwordchamp dans Firefox.

J'ai eu le même problème mais le nom de famille au lieu du téléphone . Après des heures d'essais, cette réponse est claire. Firefox (au moins dans la version actuelle) recherche un champ de mot de passe. Ensuite, il prend le champ devant lui comme champ de nom d'utilisateur et demande à l'utilisateur s'il souhaite enregistrer ces informations d'identification.

La saisie semi-automatique n'est pas le problème (principal) ici. Même si la saisie semi-automatique est désactivée pour l'ensemble du formulaire, Firefox vous demandera toujours si vous souhaitez enregistrer vos informations d'identification.

Nelu
la source
2

Vous pouvez faire quelque chose comme ça:

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

Firefox dans la version actuelle recherche le premier champ de mot de passe. De là, il recherche le premier champ de type précédent textou emailpour trouver le champ de nom d'utilisateur.

Nous pouvons donc le tromper en utilisant un type de champ non valide ( defaultn'est PAS un type de champ valide). Vous n'avez donc plus besoin de réorganiser les champs pour satisfaire Firefox. Lorsqu'un navigateur ne connaît pas le type de champ, il affiche simplement un champ de texte normal.

Safari utilise un mécanisme différent et je n'ai eu aucun problème avec celui-ci. Je pense qu'il regarde les noms des champs.

Les attributs de saisie semi-automatique donnent au navigateur des indications supplémentaires sur l'utilisation de chaque champ.

Martin
la source
1

J'ai déjà remarqué un comportement similaire dans Google Chrome. Quels sont les noms donnés aux champs de saisie? Je sais que les navigateurs ont souvent des problèmes avec les champs s'ils utilisent du code comme name="signup[email]"pour tout passer dans une variable côté serveur (très utile en PHP).

Vous pouvez essayer d'utiliser ce format simple: <input name="username" type="text">avec emailet passwordcomme noms pour ces deux champs. (Remarque: je n'ai pas réellement testé cela, lorsque je suis tombé sur cette situation avant de ne pas pouvoir changer les noms de champ.)

Chèvre mécontente
la source