336 votes

Désactiver la vérification orthographique des champs de texte HTML

Puis-je désactiver la vérification orthographique des champs de texte HTML (comme dans Safari, par exemple) ?

479voto

Eric Wendelin Points 13805

Mise à jour : Comme suggéré par un commentateur (crédit supplémentaire à Comment désactiver le correcteur orthographique sur les entrées de texte sur l'iPhone ? ), utilisez-le pour gérer tous les navigateurs de bureau et mobiles.

<tag autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"/>

Réponse originale : Javascript ne peut pas remplacer les paramètres de l'utilisateur, donc à moins que vous n'utilisiez un autre mécanisme que les champs de texte, cela n'est pas (ou ne devrait pas être) possible.

6 votes

Pourquoi cela a-t-il été accepté ? cela n'a pas de sens car il peut passer outre les paramètres de l'utilisateur si le navigateur le permet. voir la réponse de ms2ger.

2 votes

Juste parce que c'était la meilleure réponse à ce moment-là. Je suppose que Michiel n'est pas revenu en arrière pour marquer l'autre comme correcte. Ça me conviendrait puisque c'est une meilleure réponse.

2 votes

Il est important de noter la compatibilité des navigateurs -- Mobile Safari (iOS) n'honore pas la balise par exemple --. wufoo.com/html5/attributs/17-vérification orthographique.html

239voto

Ms2ger Points 7551

Oui, utilisez spellcheck="false" comme défini par HTML5 par exemple :

<textarea spellcheck="false">
    ...
</textarea>

2 votes

MDN propose un tableau indiquant la valeur par défaut du correcteur orthographique pour différents navigateurs et éléments : developer.mozilla.org/fr/US/docs/Web/HTML/Global_attributes/

3 votes

Je reçois une erreur "Unknown DOM property spellcheck. Vouliez-vous dire spellCheck ?" Utilisation de spellCheck semble le satisfaire. C'est peut-être juste un truc de react-dom.

5 votes

@Shanimal Oui, react utilise la casse camel pour les attributs DOM. Voir reactjs.org/docs/introducing-jsx.html

19voto

sensor Points 1341

Pour Grammarly, vous pouvez utiliser :

<textarea data-gramm="false" />

8voto

JCOC611 Points 5704

Une IFrame VA "déclencher" le vérificateur d'orthographe (si le paramètre "content-editable" est défini sur true) tout comme un champ de texte, du moins dans Chrome.

2 votes

+1 pour l'astuce "content-editable set to true", c'est la vraie astuce.

5voto

Artur Beljajev Points 11

L'extrait de code suivant le désactive pour tout le monde textarea y input[type=text] éléments :

(function () {
    function disableSpellCheck() {
        let selector = 'input[type=text], textarea';
        let textFields = document.querySelectorAll(selector);

        textFields.forEach(
            function (field, _currentIndex, _listObj) {
                field.spellcheck = false;
            }
        );
    }

    disableSpellCheck();
})();

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X