Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

L'attribut universel spellcheck est un attribut à valeur contrainte qui définit si l'orthographe du contenu de l'élément doit être vérifiée. Les valeurs autorisées pour cet attribut sont :

  • true : cette valeur indique que, si possible, l'orthographe de l'élément doit être vérifiée avec le correcteur orthographique.
  • false : cette valeur indique que l'orthographe de l'élément ne doit pas être vérifié.

La valeur par défaut de l'attribut (utilisée si elle n'est pas définie explicitement) sera fonction du navigateur et du type d'élément. Cette valeur par défaut peut également être héritée (autrement dit, la valeur utilisée pour l'élément courant sera la valeur explicite définie pour son plus proche ancêtre dans l'arbre des éléments).

Cet attribut est un attribut à valeur contrainte, ce n'est pas un attribut booléen. Il faut donc utiliser explicitement les valeurs true ou false. Ainsi :

<label spellcheck>Label exemple</label>

sera invalide, la formulation correcte étant :

<label spellcheck="true">Label exemple</label>

Cet attribut n'est qu'une indication à destination du navigateur : il n'est pas obligatoire qu'un navigateur puisse vérifier l'orthographe. Les éléments non-éditables ne sont généralement pas vérifiés, même lorsque spellcheck vaut true et que le navigateur possède une fonctionnalité de vérification orthographique.

La valeur par défaut sera différente selon l'élément et le navigateur :

Navigateur <html> <textarea> <input> Autres Commentaires
Firefox / Gecko false false false hérité Lorsque layout.spellcheckDefault vaut 0
false true hérité hérité Lorsque layout.spellcheckDefault vaut 1 (valeur par défaut)
false true true hérité Lorsque layout.spellcheckDefault vaut 2
Chrome false true ? hérité
Internet Explorer false true ? hérité
Opera false true ? hérité
Safari false true ? hérité

Exemples

HTML

<!-- La valeur par défaut -->
<textarea>Saisissay un texte issy</textarea>

<!-- Les valeurs explicites -->
<textarea spellcheck="true">Saisissay un texte issy</textarea>
<textarea spellcheck="false">Saisissay un texte issy</textarea>

Résultat

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de 'spellcheck' dans cette spécification.
Standard évolutif Pas de changement depuis la dernière dérivation, HTML 5.1
HTML 5.1
La définition de 'spellcheck' dans cette spécification.
Recommendation Dérivée de HTML Living Standard, définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet 9Edge Support complet OuiFirefox Support complet OuiIE Support complet 11Opera Support complet OuiSafari Support complet OuiWebView Android Support complet 47Chrome Android Support complet 47Edge Mobile Support complet OuiFirefox Android Support complet 57Opera Android Support complet 37Safari iOS Support complet 9.3Samsung Internet Android Support complet 5.0

Légende

Support complet  
Support complet

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight
Dernière mise à jour par : SphinxKnight,