files/zh-tw/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

---
title: 控制 HTML 表單中的拼字檢查功能
slug: Web/HTML/Global_attributes/spellcheck
translation_of: Web/HTML/Global_attributes/spellcheck
translation_of_original: Web/HTML/Controlling_spell_checking_in_HTML_forms
---
<p>Firefox 2 新增了網頁表單文字輸入區的即時拼字檢查功能，使用者可以修改 about:config 來調整是否使用拼字檢查、是否同時檢查文字輸入<b>欄</b>等設定。預設值狀態下，Firefox 會檢查文字輸入區（text area）及 <code>designMode</code> 的文件，而不檢查文字輸入欄（text field）的拼字。</p>

<p>不過，總是會有些不見得適合預設值的情況，例如在某些用來編寫 HTML 等程式碼的輸入區中拼字檢查就變得煩人，或者有些網站也希望建議 Firefox 檢查某些特定文字輸入欄的拼字等等。</p>

<p>若網站對某特定 <code>&lt;input&gt;</code> 元素中的拼字檢查執行與否有所建議，則可使用 <code>spellcheck</code> 屬性。將此屬性設為 <code>true</code> 表建議檢查拼字，而設為 <code>false</code> 則相反。</p>

<p>若使用者將 <code>layout.spellcheckDefault</code> 直接設為 0 以關閉拼字檢查功能，那麼網站的建議就無效；若設為其他值，則會將網站建議列入考量。</p>

<p>舉例來說，你可以撰寫如下的 HTML 碼，建議 Firefox 檢查此文字輸入欄（<code>&lt;input&gt;</code> 元素）中的拼字：</p>

<pre class="eval"><span class="nowiki">&lt;input type="text" size="50" spellcheck="true"&gt;</span>
</pre>

<p>也可以撰寫這樣的 HTML 碼，建議 Firefox 不要檢查文字輸入區的拼字：</p>

<pre class="eval"><span class="nowiki">&lt;textarea spellcheck="false"&gt;&lt;/textarea&gt;</span>
</pre>

<p>而 <code>designMode</code>（通常用於 HTML 所見即所得編輯）則可以在文件的 <code>&lt;body&gt;</code> 標籤中設定 <code>spellcheck</code> 屬性來控制拼字檢查。</p>

<p><code>spellcheck</code> 屬性也可以放在 <code>&lt;span&gt;</code> 或 <code>&lt;div&gt;</code> 等其他標籤中，這麼一來在此元素下所有未另行設定 <code>spellcheck</code> 屬性的 <code>&lt;input&gt;</code> 元素將繼承此設定；而若皆未設定則使用者的決定將優先採行。</p>

<p>舉例而言：</p>

<pre>&lt;div spellcheck="true"&gt;
  &lt;label&gt;輸入英文句子： &lt;/label&gt;&lt;input type="text" size="50"&gt;
  &lt;br /&gt;
  &lt;label&gt;再打一句： &lt;/label&gt;&lt;input type="text" size="50"&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;label&gt;最後一句： &lt;/label&gt;&lt;input type="text" size="50"&gt;
</pre>

<p>在這段 HTML 程式碼中，頭兩個文字輸入區域將檢查拼字，第三個則不會。</p>