1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
|
---
title: spellcheck
slug: Web/HTML/Global_attributes/spellcheck
tags:
- Attribut
- Attribut universel
- HTML
- Reference
translation_of: Web/HTML/Global_attributes/spellcheck
original_slug: Web/HTML/Attributs_universels/spellcheck
---
<div>{{HTMLSidebar("Global_attributes")}}</div>
<p>L'attribut universel <code><strong>spellcheck</strong></code> est un attribut à valeur contrainte qui définit si l'orthographe du contenu de l'élément doit être vérifiée.</p>
<div>{{EmbedInteractiveExample("pages/tabbed/attribute-spellcheck.html","tabbed-shorter")}}</div>
<div class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</div>
<p>Les valeurs autorisées pour cet attribut sont :</p>
<ul>
<li><code>true</code> : cette valeur indique que, si possible, l'orthographe de l'élément doit être vérifiée avec le correcteur orthographique.</li>
<li><code>false</code> : cette valeur indique que l'orthographe de l'élément ne doit pas être vérifié.</li>
</ul>
<p>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).</p>
<p>Cet attribut est un attribut à valeur contrainte, ce n'est pas un attribut booléen. Il faut donc utiliser explicitement les valeurs <code>true</code> ou <code>false</code>. Ainsi :</p>
<pre class="example-bad brush: html"><label spellcheck>Label exemple</label></pre>
<p>sera invalide, la formulation correcte étant :</p>
<pre class="example-good brush: html"><label spellcheck="true">Label exemple</label></pre>
<p>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 <code><strong>spellcheck</strong></code> vaut <code>true</code> et que le navigateur possède une fonctionnalité de vérification orthographique.</p>
<p>La valeur par défaut sera différente selon l'élément et le navigateur :</p>
<table class="fullwidth-table">
<tbody>
<tr>
<th>Navigateur</th>
<th>{{HTMLElement("html")}}</th>
<th>{{HTMLElement("textarea")}}</th>
<th>{{HTMLElement("input")}}</th>
<th>Autres</th>
<th>Commentaires</th>
</tr>
<tr>
<td rowspan="3">Firefox / Gecko</td>
<td><code>false</code></td>
<td><code>false</code></td>
<td><code>false</code></td>
<td><em>hérité</em></td>
<td>Lorsque <code>layout.spellcheckDefault</code> vaut <code>0</code></td>
</tr>
<tr>
<td><strong><code>false</code></strong></td>
<td><strong><code>true</code></strong></td>
<td><strong><em>hérité</em></strong></td>
<td><strong><em>hérité</em></strong></td>
<td><strong>Lorsque <code>layout.spellcheckDefault</code> vaut <code>1</code> (valeur par défaut)</strong></td>
</tr>
<tr>
<td><code>false</code></td>
<td><code>true</code></td>
<td><code>true</code></td>
<td><em>hérité</em></td>
<td>Lorsque <code>layout.spellcheckDefault</code> vaut <code>2</code></td>
</tr>
<tr>
<td>Chrome</td>
<td><code>false</code></td>
<td><code>true</code></td>
<td>?</td>
<td><em>hérité</em></td>
</tr>
<tr>
<td>Internet Explorer</td>
<td><code>false</code></td>
<td><code>true</code></td>
<td>?</td>
<td><em>hérité</em></td>
</tr>
<tr>
<td>Opera</td>
<td><code>false</code></td>
<td><code>true</code></td>
<td>?</td>
<td><em>hérité</em></td>
</tr>
<tr>
<td>Safari</td>
<td><code>false</code></td>
<td><code>true</code></td>
<td>?</td>
<td><em>hérité</em></td>
</tr>
</tbody>
</table>
<h2 id="Exemples">Exemples</h2>
<h3 id="HTML">HTML</h3>
<pre class="brush: 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>
</pre>
<h3 id="Résultat">Résultat</h3>
<p>{{EmbedLiveSample("Exemples","200","300")}}</p>
<h2 id="Spécifications">Spécifications</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Spécification</th>
<th scope="col">État</th>
<th scope="col">Commentaires</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', "interaction.html#spelling-and-grammar-checking", "spellcheck")}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td>Pas de changement depuis la dernière dérivation, {{SpecName('HTML5.1')}}</td>
</tr>
<tr>
<td>{{SpecName('HTML5.1', "editing.html#spelling-and-grammar-checking", "spellcheck")}}</td>
<td>{{Spec2('HTML5.1')}}</td>
<td>Dérivée de {{SpecName('HTML WHATWG')}}, définition initiale.</td>
</tr>
</tbody>
</table>
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div>
<p>{{Compat("html.global_attributes.spellcheck")}}</p>
<h2 id="Voir_aussi">Voir aussi</h2>
<ul>
<li><a href="/fr/docs/Web/HTML/Attributs_universels">Les différents attributs universels</a></li>
</ul>
|
