Contrôle du correcteur d'orthographe dans les formulaires HTML
Un article de MDC.
Firefox 2 a introduit un correcteur d'orthographe sur les zones de texte (textarea) et champs de saisie (input) des formulaires Web. L'utilisateur peut décider en utilisant l'interface about:config d'activer ou non le correcteur d'orthographe sur les zones de texte et les champs de saisie ou seulement sur les zones de texte.
Par défaut, les zones de texte disposent de la correction orthographique, mais pas les champs de saisie.
Il existe toutefois des situations où ce comportement n'est pas nécessairement approprié. Par exemple, si une zone de texte est supposée servir à l'édition d'un contenu HTML ou de données non littéraires, le correcteur d'orthographe serait alors plus une gêne qu'un bienfait. De même, il existe des cas où un site Web peut recommander à Firefox d'activer le correcteur d'orthographe pour un champ de saisie spécifique.
Si un site Web désire recommander l'utilisation ou non du correcteur d'orthographe pour un élément <input> spécifique, il peut utiliser l'attribut spellcheck en précisant une valeur true pour recommander son activation ou false pour recommander sa désactivation.
Gardez à l'esprit que la recommandation du site Web peut être ignorée si l'utilisateur a désactivé entièrement le correcteur d'orthographe en mettant à 0 la préférence layout.spellcheckDefault. Si cette préférence possède n'importe quelle autre valeur, les recommandations seront prises en compte.
Voici un exemple de champ de saisie en HTML qui active le correcteur d'orthographe :
<input type="text" size="50" spellcheck="true">
Vous pouvez aussi appliquer l'attribut spellcheck sur d'autres éléments, comme des éléments <span> et <div>. Dans ce cas, tous les éléments <input> qui seront inclus hériteront de ce paramétrage ; des éléments <input> qui de disposent pas d'attribut spellcheck héritent du paramétrage du correcteur d'orthographe de leurs parents. Si aucun des éléments parents ne contient ce type de paramétrage, la configuration de l'utilisateur par défaut est utilisée.
Par exemple :
<div spellcheck="true"> <label>Saisissez une phrase : </label><input type="text" size="50"> <br /> <label>Saisissez-en une autre : </label><input type="text" size="50"> </div> <br /> <label>Saisissez-en une troisième : </label><input type="text" size="50">
Dans cet extrait HTML, les deux premiers champs de saisie disposeront du correcteur d'orthographe, mais pas le troisième.