spellcheck

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2017.

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.

Exemple interactif

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 :

html
<label spellcheck>Label exemple</label>

sera invalide, la formulation correcte étant :

html
<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

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

Specification
HTML Standard
# attr-spellcheck

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi