Activer/Désactiver le correcteur auto. sur un input/textarea

Vous voulez enlever les petites vagues rouges qui apparaissent dans vos champs de formulaires ? Voici la solution !

Activer/Désactiver le correcteur auto. sur un input/textarea

Que ce soit dans un but éducatif, ou que ce soit lié à une fonctionnalité spécifique, il est parfois utile de pouvoir activer ou désactiver la correction orthographique et grammatical dans les formulaires de vos pages web !

Il est également bon de savoir que le comportement du correcteur orthographique est entièrement lié au navigateur en lui-même, tant sur son efficacité, que son apparition.

Le comportement général est que la correction est active par défaut sur un <textarea> alors qu'elle est désactivée pour un <input>.

Mais voici comment l'activer/désactiver grâce à un simple attribut "spellcheck" :


<input type="text" spellcheck="true"/>
<!-- ou -->
<textarea spellcheck="false"></textarea>

À noter que l'attribut "spellcheck" est actuellement entièrement compatible avec seulement 36,65% des navigateurs. Les navigateurs mobiles ignorent parfois la valeur spellcheck="false".

Retrouvez plus d'informations sur l'attribut dans la documentation du Mozilla Developer Network !

J'espère que l'article vous aura été utile, et à bientôt sur le blog !

Les articles les plus populaires du blog

Envie de continuer à lire des articles autour du développement web (entre autres) ? Voici la sélection des articles de mon blog les plus lus par la communauté !

Voir la sélection 🚀

Recevez les articles de la semaine par e-mail pour ne rien manquer !

S'abonner à la newsletter 📧
Mes formations disponibles 🎓  -5% inclus pour les lecteurs du blog

À propos de l'auteur

Hello, je suis Nicolas Brondin-Bernard, ingénieur web indépendant depuis 2015 passionné par le partage d'expériences et de connaissances.

Aujourd'hui je suis aussi formateur/coach pour développeurs web juniors, tu peux me contacter sur nicolas@brondin.com, sur mon site ou devenir membre de ma newsletter pour ne jamais louper le meilleur article de la semaine et être tenu au courant de mes projets !


Photo by Towfiqu barbhuiya on Unsplash