Depuis Firefox 2, un correcteur d'orthographe est installé par défaut (il ne reste plus qu'à installer des dictionnaires, par défaut la version française de Firefox n'intègre pas de dictionnaire français car aucun n'a de licence libre compatible). Ce correcteur souligne les mots mal orthographiés en rouge et un clic droit dessus propose une orthographe valide.
Ce dictionnaire ne vérifie l'orthographe que des champs de type <textarea>
et pas <input type="text">
, si en tant que développeurs vous désirez que des champs input soient aussi vérifiés, vous pouvez ajouter l'attribut spellcheck="true"
à l'input :
<input type="text" id="toto" spellcheck="true">
Commentaires
C'est standard cet attribut ou c'est spécifique au moteur Mozilla?
C'est (pour le moment) un attribut spécifique à Mozilla.
Tidy annonce une erreur. Pour les validateurs, je ne sais pas mais il est probable que ce soit pareil.
Mais cela ne gène en rien les navigateurs qui ne connaissent pas l'instruction, même avec le type mime : "application/xhtml+xml".
Ca aurait été nettement mieux un microformat avec une syntaxe du style :
<input type="text" id="toto" class="spellcheck">
Si c'était une classe css, ça ne serait pas manipulable en javascript de la même manière donc moins puissant. Avec un attribut on peut me contrôler par javascript depuis une extension, par exemple on peut imaginer une extension qui ajouterait l'attribut sur les formulaires d'une page, récupèrerait tous les mots mal orthographiés et présenterait des définitions des mots récupérés via un service web dans le panneau latéral.
En fait je pense qu'à la base cette option est surtout faite pour les extensions et peut être les webmails.
Si quelqu'un a un safari (l'autre navigateur avec correction orthographique) je serais curieux de savoir si cet attribut a un effet dessus.
La petite feature qui manque c'est de pouvoir spécifier une langue/dictionnaire pour un élément particulier (ho tiens, il existe déjà un tag lang qui pourrait être utilisable :) )
D'ailleurs je n'ai jamais testé/remarqué, est-ce que déjà ff2 prend en compte <meta http-equiv="content-language" content="LL" /> ?
->J_s
j'ai déjà fait la demande d'amélioration il y a quelques temps et ils travaillent dessus :)
bugzilla.mozilla.org/show...
nline form spellchecking should respect the page/field language
Je comprends pas ton commentaire 4: une classe CSS se manipule aisément en JS pourtant, non ?
une classe CSS peut avoir différentes valeurs comme class=" toto titi tutu", donc déjà il faudrait extraire les classes existantes et rajouter une classe, sinon tu risques de remplacer ue classe existante sur l'élément, et en javascript tu ne pourrais pas le manipuler directement, il faudrait faire une fonction qui analyse la valeur de classe et cherche dedans une valeur spellcheck.
l'attribut class n'est pas destiné à recevoir ce genre de paramétres. On peut à la limite tenter l'attribut "rel" mais lui non plus n'est pas spécialement fait pour ça.