Exemple détaillé de jQuery désactivant la fonction de remplissage automatique du nom d'utilisateur et du mot de passe du formulaire

Les formulaires de connexion HTML sont souvent remplis automatiquement, et certains ont même des sites Web sur lesquels les utilisateurs ne se sont jamais connectés. Cet article présente principalement la fonction de jQuery permettant de désactiver le remplissage automatique des noms d'utilisateur et des mots de passe dans les formulaires. Les amis qui en ont besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

La documentation du développeur Mozilla recommande d'utiliser l'attribut de paramètre de formulaire tautocomplete="off" pour empêcher le navigateur d'obtenir des données du cache pour remplir le formulaire de connexion.

<input type="text" name="foo" autocomplete="off" />

Cependant, cette solution n'est pas compatible avec certains Chrome et Firefox.

J'ai finalement décidé d'utiliser la saisie masquée pour accepter le remplissage automatique du navigateur, ce qui n'affectera pas l'expérience utilisateur et est compatible avec tous les navigateurs.

<input style="display:none"><!-- for disable autocomplete on chrome -->
<input type="text" id="username" name="username" autocomplete="off">

PS : Jetons un coup d'œil à la fonction permettant d'empêcher le formulaire de remplir automatiquement les noms d'utilisateur et les mots de passe

Certains navigateurs prennent en charge : autocomplete="off"

Donc le navigateur prend en charge :

Ajoutez les deux codes suivants dans le formulaire from qui rempliront automatiquement

<input style="display:none" type="text" name="fakeusernameremembered"/>
<input style="display:none" type="password" name="fakepasswordremembered"/>

Recommandations associées :

Méthode js pour interdire la soumission de formulaire

plug-in de remplissage automatique jQuery Cool Auto-Suggest

php génère un code miniature pour remplir automatiquement les espaces vides

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!