Comment désactiver la fonction de saisie semi-automatique dans le formulaire HTML5

Tout d'abord, il existe un nouvel attribut autocomplete en HTML5. L'attribut autocomplete spécifie si le formulaire doit activer la saisie semi-automatique. Il permet au navigateur de prédire la saisie dans le champ. Lorsque l'utilisateur commence à saisir un champ, le navigateur doit afficher des options pour remplir le champ en fonction des valeurs précédemment saisies.

comme:

 <form autocomplete=on> Prénom :<input type=text name=fname /><br /> Nom : <input type=text name=lname /><br /> E-mail : <input type=email name =email autocomplete=off /><br /> <input type=submit /></form><p>Veuillez remplir et soumettre ce formulaire, puis recharger la page pour voir comment fonctionne la fonction de saisie semi-automatique. </p><p>Veuillez noter que la fonction de saisie semi-automatique du formulaire est activée et que le champ e-mail est désactivé. </p>

Vous constaterez que autocomplete=on sera enregistré, mais l'e-mail avec autocomplete=off ne sera pas enregistré lorsque vous le saisirez à nouveau. Il s'agit de la fonction de saisie semi-automatique des formulaires en HTML5 !

Si vous n'êtes pas encore sûr, vous pouvez consulter le manuel de w3school pour continuer à apprendre.

Parfois, nous souhaitons désactiver la fonction de saisie semi-automatique de la zone de saisie. Par exemple, lorsque l'utilisateur saisit du contenu, nous souhaitons utiliser la technologie AJAX pour rechercher et répertorier dans la base de données au lieu de rechercher dans l'historique de l'utilisateur.

Il existe trois façons de désactiver la fonction de saisie semi-automatique de la zone de saisie :

1. Définissez le contenu dans le menu d'options Internet d'IE--Autocomplete.

2. Activez ou désactivez la saisie semi-automatique du formulaire pour activer ou désactiver la fonction de saisie semi-automatique.

(Désactivez toute la fonction d'invite automatique du formulaire)

3. Activez ou désactivez la saisie semi-automatique de la zone de saisie pour activer ou désactiver la fonction de saisie semi-automatique de la zone de saisie (désactivez la saisie semi-automatique du champ de mot de passe)

Code de test : (Entrez le texte dans chaque formulaire et soumettez-le, puis revenez voir s'il peut être complété automatiquement. Notez que l'historique ne peut pas être complété tant qu'il n'est pas soumis. Il peut y avoir des erreurs sur la page après la soumission. Don' Ne t'inquiète pas pour ça, reviens en arrière, Can)

Formulaire avec saisie semi-automatique activée<br>

 <form name=form1 autocomplete=on> Activer la zone de saisie avec la fonction de saisie semi-automatique <input type=text autocomplete=on ><br> Désactiver la zone de saisie avec la fonction de saisie semi-automatique <input type=text autocomplete=off><br> < type d'entrée =valeur de soumission=soumettre><br> </form>

Formulaire avec saisie semi-auto désactivée<br>

 <form name=form1 autocomplete=off> Activer la zone de saisie avec la fonction de saisie semi-automatique <input type=text autocomplete=on><br> Désactiver la zone de saisie avec la fonction de saisie semi-automatique <input type=text autocomplete=off><br> < type d'entrée =valeur de soumission=soumettre><br> </form>

Suggestion : Ne désactivez pas toutes les fonctions de saisie semi-automatique. Désactivez simplement certaines fonctions de saisie semi-automatique si nécessaire. Si vous estimez que la fonction de saisie semi-automatique intégrée au navigateur n'est pas assez puissante, vous pouvez utiliser le plug-in jquery. pour obtenir une fonction d'achèvement automatique plus puissante.

Par exemple, la fonction d'invite automatique du champ de recherche Baidu est très puissante.

Ce qui précède représente l’intégralité du contenu de cet article. J’espère qu’il sera utile à l’étude de chacun. J’espère également que tout le monde soutiendra le réseau VeVb Wulin.