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 !
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 📧
À 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