files/zh-cn/web/html/global_attributes/spellcheck/index.html


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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213

---
title: spellcheck
slug: Web/HTML/Global_attributes/spellcheck
tags:
  - spellcheck
  - 拼写检查
translation_of: Web/HTML/Global_attributes/spellcheck
---
<p class="note">{{HTMLSidebar("Global_attributes")}}{{SeeCompatTable}}</p>

<p>spellcheck<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes"> 全局属性</a>是枚举属性，定义是否可以检查元素的拼写错误。它可以具有以下值：<a href="/en-US/docs/Web/HTML/Global_attributes"> </a></p>

<ul>
 <li><code>true</code>, 设置在可能的情况下会去检查元素内容的拼写错误;</li>
 <li><code>false</code>, 设置在可能的情况下关闭对元素内容拼写检查。</li>
</ul>

<p>如果没有设置这个属性，默认值由元素自身类型和浏览器设置决定。默认值也可以被继承，当有祖先元素的<em> spellcheck </em>设置为 <code>true</code> 的情况下，子元素的默认值也是 <code>true</code>。<br>
 <br>
 你可以参考这篇文章的例子来使用这个属性。</p>

<p>这个属性是枚举型而不是布尔类型。这意味着显式设置其中一个值 true 或 false 是强制性的，如果使用简写 <code>&lt;label spellcheck&gt;Example Label&lt;/label&gt; 是不行的</code>。 正确的用法是<code> &lt;label spellcheck="true"&gt;Example Label&lt;/label&gt;</code>.</p>

<p>这个属性仅仅是浏览器上的提示：浏览器并不会强制去检查拼写错误，通常不可编辑的元素是不会去检查拼写错误的，就算它的 spellcheck 属性被设置为 true 而且浏览器支持拼写检查。</p>

<p>各个浏览器的默认设置和元素依赖：</p>

<table class="fullwidth-table">
 <tbody>
  <tr>
   <th>浏览器</th>
   <th>{{ HTMLElement("html") }}</th>
   <th>{{ HTMLElement("textarea") }}</th>
   <th>{{ HTMLElement("input") }}</th>
   <th>其他</th>
   <th>附注</th>
  </tr>
  <tr>
   <td rowspan="3">Firefox</td>
   <td><code>false</code></td>
   <td><code>false</code></td>
   <td><code>false</code></td>
   <td><em>inherited</em></td>
   <td>当 <code>layout.spellcheckDefault</code> 值为 <code>0</code></td>
  </tr>
  <tr>
   <td><strong><code>false</code></strong></td>
   <td><strong><code>true</code></strong></td>
   <td><strong><em>inherited</em></strong></td>
   <td><strong><em>inherited</em></strong></td>
   <td><strong>当 <code>layout.spellcheckDefault</code> 值为 <code>1</code> (default value)</strong></td>
  </tr>
  <tr>
   <td><code>false</code></td>
   <td><code>true</code></td>
   <td><code>true</code></td>
   <td><em>inherited</em></td>
   <td>当 <code>layout.spellcheckDefault</code> 值为 <code>2</code></td>
  </tr>
  <tr>
   <td rowspan="3">Seamonkey</td>
   <td><code>false</code></td>
   <td><code>false</code></td>
   <td><code>false</code></td>
   <td><em>inherited</em></td>
   <td>当 <code>layout.spellcheckDefault</code> 值为 <span style="font-family: Courier New;"><code>0</code></span></td>
  </tr>
  <tr>
   <td><strong><code>false</code></strong></td>
   <td><strong><code>true</code></strong></td>
   <td><strong><em>inherited</em></strong></td>
   <td><strong><em>inherited</em></strong></td>
   <td><strong>当 <code>layout.spellcheckDefault</code> 值为 <span style="font-family: Courier New;">1</span><strong>（默认如此）</strong></strong></td>
  </tr>
  <tr>
   <td><code>false</code></td>
   <td><code>true</code></td>
   <td><code>true</code></td>
   <td><em>inherited</em></td>
   <td>当 <code>layout.spellcheckDefault</code> 值为 <span style="font-family: Courier New;"><code>2</code></span></td>
  </tr>
  <tr>
   <td rowspan="3">Camino</td>
   <td><code>false</code></td>
   <td><code>false</code></td>
   <td><code>false</code></td>
   <td><em>inherited</em></td>
   <td>当 <code>layout.spellcheckDefault</code> 值为 <span style="font-family: Courier New;"><code>0</code></span></td>
  </tr>
  <tr>
   <td><code>false</code></td>
   <td><code>true</code></td>
   <td><em>inherited</em></td>
   <td><em>inherited</em></td>
   <td>当 <code>layout.spellcheckDefault</code> 值为 <span style="font-family: Courier New;"><code>1</code></span></td>
  </tr>
  <tr>
   <td><strong><code>false</code></strong></td>
   <td><strong><code>true</code></strong></td>
   <td><strong><code>true</code></strong></td>
   <td><strong><em>inherited</em></strong></td>
   <td><strong>当 <span style="font-family: Courier New;">layout.spellcheckDefault</span> 值为 <span style="font-family: Courier New;"><code>2</code></span><strong>（默认如此）</strong></strong></td>
  </tr>
  <tr>
   <td>Chrome</td>
   <td><code>false</code></td>
   <td><code>true</code></td>
   <td>?</td>
   <td><em>inherited</em></td>
  </tr>
  <tr>
   <td>Internet Explorer</td>
   <td><code>false</code></td>
   <td><code>true</code></td>
   <td>?</td>
   <td><em>inherited</em></td>
  </tr>
  <tr>
   <td>Opera</td>
   <td><code>false</code></td>
   <td><code>true</code></td>
   <td>?</td>
   <td><em>inherited</em></td>
  </tr>
  <tr>
   <td>Safari</td>
   <td><code>false</code></td>
   <td><code>true</code></td>
   <td>?</td>
   <td><em>inherited</em></td>
  </tr>
 </tbody>
</table>

<h2 id="规范">规范</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">规范</th>
   <th scope="col">状态</th>
   <th scope="col">附注</th>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG', "interaction.html#spelling-and-grammar-checking", "spellcheck")}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>与最新的快照相比没有变化， {{SpecName('HTML5.1')}}</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5.1', "editing.html#spelling-and-grammar-checking", "spellcheck")}}</td>
   <td>{{Spec2('HTML5.1')}}</td>
   <td>{{SpecName('HTML WHATWG')}} 的快照，初始定义</td>
  </tr>
 </tbody>
</table>

<h2 id="浏览器兼容性">浏览器兼容性</h2>

<p>{{ CompatibilityTable() }}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>功能</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatGeckoDesktop("1.8.1") }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>功能</th>
   <th>Android</th>
   <th>Chrome for Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{ CompatNo() }}</td>
   <td>{{ CompatUnknown}}</td>
   <td>{{ CompatGeckoMobile("1.8.1") }}</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="另见">另见</h2>

<ul>
 <li>所有 <a href="/en-US/docs/Web/HTML/Global_attributes">全局属性</a></li>
</ul>