Désactiver la vérification orthographique de Chrome / Safari par HTML / css

126

Existe-t-il un moyen pour un développeur Web de désactiver la vérification orthographique de Chrome / Safari / WebKit sur des éléments inputou des textareaéléments particuliers ? Je veux dire soit par attribut de balise spécial, soit par instruction CSS propriétaire.

Il existe une instruction CSS pour désactiver la description des inputs, donc j'ai pensé que cela pourrait également exister. Je sais comment un utilisateur peut le faire.

Ou, en tant qu'utilisateur, puis-je le désactiver pour un domaine particulier?

tillda
la source
3
Double exact de Désactiver la vérification orthographique sur les champs de texte HTML , pendant environ 5 ans. Les modérateurs étaient occupés à fermer des questions plus légitimes.
Dan Dascalescu

Réponses:

211

Oui, il existe l'attribut de vérification orthographique HTML5.

<textarea spellcheck="false"> ou <input type="text" spellcheck="false">

http://www.whatwg.org/specs/web-apps/current-work/multipage/editing.html#spelling-and-grammar-checking

Mise à jour: ceci est désormais pris en charge dans les dernières versions de tous les navigateurs.

Gaurav
la source
Cela ne semble pas fonctionner sur Safari Mobile. J'ai une entrée que je veux désactiver la vérification orthographique et l'iPad continue d'apporter des suggestions d'orthographe même si la vérification orthographique d'attribut est définie sur FALSE. :(
ThiagoPXP
Je ne l'ai pas fait dans Chrome Android 67: /
Ray Foss
36

Cela fonctionne dans Safari 7.1 et devrait également fonctionner dans d'autres:

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

Seulement spellcheck="false"n'a pas fonctionné.

Timo Kähkönen
la source
7

pour tous les éléments d'un formulaire, il est possible et donc:

<form spellcheck="false" .. />
MTM
la source
3

En ce qui concerne la présentation des balises d'entrée: ne le faites pas, c'est un repère visuel pour les utilisateurs.

Mais si vous devez:

#your-input{outline:none;}
Camilo Martin
la source
3
Si vous vous débarrassez du contour, c'est généralement parce que vous avez déjà d'autres repères visuels en place :focuset que le contour les interfère; laisser la :focusvaleur par défaut entraîne une discontinuité entre les différents navigateurs. stackoverflow.com/questions/71074/… peut également être utile dans ce cas.
Hawken
2
@Hawken J'ai vu plusieurs sites supprimer des repères visuels et ne fournir aucun remplacement. Je suis d'accord avec les indices personnalisés, mais il doit y en avoir.
Camilo Martin
1
La question concerne la ligne ondulée à l'intérieur de la zone de texte lorsque la vérification orthographique considère que l'entrée est mal orthographiée, pas le contour, si je ne me trompe pas. Cela dit, votre réponse est une information bonne à savoir.
MrBoJangles
2

Dans React, vous devez utiliser à la spellCheckplace.

<input spellCheck={false} type="text"/>
Paul Razvan Berg
la source