Désactiver l'entrée de texte des suggestions à Bord?

J'ai construit une zone de texte déroulante AngularJS composant qui fonctionne très bien dans Chrome, Firefox, Safari et Internet Explorer.

Une fonctionnalité de ce composant que vous tapez dans une chaîne de caractères, et peuvent ensuite utiliser les touches fléchées haut/bas pour faire défiler les suggestions.

Dans Microsoft Bord, dès que vous cliquez sur la flèche vers le bas, le texte suivant est ajouté à la zone de saisie:

expliquer brièvement vos modifications (orthographe corrigée, fixe la grammaire, l'amélioration de la mise en forme)

Est-ce que je peux faire côté client pour arrêter cela?

HTML:

<form>
    <input type="text" />    
</form>

Pour démontrer cela, exécutez la snipper, tapez quelque chose dans la zone de texte et de frapper la flèche vers le bas deux fois sur le Bord. Je veux que cela se produise pas, car c'est de me casser la saisie semi-automatique!

Grâce

  • Êtes-vous à l'aide d'une entrée? Si non, quel type d'élément que vous utilisez? Êtes-vous essayer de résoudre ce problème de quelque manière que ce soit possible ou avec un Angular.js la solution?
  • Une tourbière standard de saisie de texte, pour construire le composant, peut poster du code, si vous le souhaitez?
  • Pourrait tout aussi bien, vous ne savez pas ce qu'est un "bog" standard de saisie de texte est pour être complètement honnête. Je suppose que c'était une faute de frappe et que vous ne parlez régulièrement de saisie de texte. Merci de poster le code et je vais suivre. Je vais supposer, c'est un simple "saisie semi-automatique" réglage de la solution.
  • Toutes mes excuses, c'est un irlandais colloquialism, posté un exemple
  • ce n'est pas un problème du tout, je voulais juste préciser pour s'assurer que j'étais de vous donner des informations précises. N'a que la solution de travail? Si oui, pourriez-vous s'il vous plaît accepter la réponse de sorte que le sujet est fermé?
InformationsquelleAutor JMK | 2015-09-25
  1. 25

    Si je comprends bien, vous avez un problème avec la fonctionnalité saisie semi-automatique. Simple d'ajouter "autocomplete=" off "" à votre entrée et que devez désactiver la fonctionnalité.

    <input type="text" autocomplete="off"/>
    • Cela ne peut pas fonctionner sur n'importe quel navigateur moderne. Essayez d'utiliser des leurres de champs. stackoverflow.com/a/2555771/317908
    • Il fonctionne pour moi à Bord, merci!
    • À Bord, si vous revenir en arrière et effacer le contenu de l'entrée, Edge va alors afficher la zone de saisie semi-automatique. Ainsi, alors que cet attribut permet à l', elle ne résout pas le problème.
    • J'ai juste trouvé que Microsoft a désactivé le "autocomplete=off" de l'attribut. Quelle terrible décision. developer.microsoft.com/en-us/microsoft-edge/platform/issues/...
    • Est-ce pour tous les navigateurs Microsoft ou juste en dessous de bord?
    • Juste Au Bord. IE 11 fonctionne toujours. J'ai trouvé la répression fonctionne sur le Bord, dans une certaine mesure, comme la saisie semi-automatique peuvent encore apparaître si vous onglet dans une entrée et appuyez sur retour arrière pour supprimer le contenu.
    • Chrome ignore autocomplete=off ainsi. stackoverflow.com/questions/12374442/...
    • Cela ne fonctionne pas pour moi à Bord.

    InformationsquelleAutor rockmandew
  2. 6

    Malheureusement, aucune des suggestions ci-dessus a travaillé pour moi dans le dernier Bord. Cependant, cette solution n':

    <input type="text" autocomplete="off" list="autocompleteOff" 
    id="fieldId" name="fieldname" placeholder="Placeholder here" />

    Cette forces de Bord pour trouver une recherche de données liste appelée autocompleteOff qui n'existe pas. Fonctionne un régal pour moi.

    Avantage est que c'est du pur HTML, pas de CSS ou JS nécessaire.

    • C'est la meilleure réponse.
    • meilleure réponse!!!!
    InformationsquelleAutor SimonGoldstone
  3. 5

    De Mozilla:
    Vous pouvez définir la saisie semi-automatique sur la balise form <form autocomplete='off' ... >...</form> qui va travailler pour l'ensemble de la forme, ou sur les <input type='text' /> balises.

    Dans mon expérience, sur IE 11 et le Bord de la mettre sur la forme des œuvres, mais des balises individuelles ne fonctionne pas. J'ai essayé de tester sur Chrome, mais les champs étaient déjà pas autocompleting.

    Veuillez lire l'intégralité de l' L'Article pour de plus amples informations.

    NOTE

    La plupart des navigateurs, ce mépris pour les champs de connexion.

    • C'est très bien comme réponse, merci!
    • À Bord, il a travaillé que lorsqu'il est mis sur la forme, pas d'éléments individuels, merci
    InformationsquelleAutor Charles Driver Jr.
  4. 1

    si vous en avez besoin app/à l'échelle du site, vous pouvez utiliser jquery:

    $('input').attr('autocomplete','off');

    Ou si vous êtes comme moi et à l'aide de Angulaire+ui-router vous pouvez essayer ce qui suit:

    Dans votre index.html ajouter le script suivant:

    <script type="text/javascript">
    setTimeout(function() {
        $('input').attr('autocomplete', 'off');
    }, 2000);
</script>

    Puis couvrir les modifications de l'état, ajoutez la ligne suivante à la racine de votre contrôleur:

    $rootScope.$on('$stateChangeStart', function() {
                $timeout(function () {
                    $('input').attr('autocomplete', 'off');
                }, 2000);
            });

    Les délais d'attente sont pour le code html de rendu avant l'application de l'jquery.

    Si vous trouvez une meilleure solution s'il vous plaît laissez-moi savoir.

    • Ce que si elle prend 2001 millisecondes à la fin du rendu une fois de temps en temps?
    InformationsquelleAutor TrampGuy