files/zh-tw/web/css/ime-mode/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

---
title: ime-mode
slug: Web/CSS/ime-mode
tags:
  - CSS
translation_of: Web/CSS/ime-mode
---
<p> {{ CSSRef() }}
{{ Fx_minversion_header(3) }}
</p>
<h3 id=".E6.91.98.E8.A6.81" name=".E6.91.98.E8.A6.81"> 摘要 </h3>
<p><code>ime-mode</code> 特性可用以控制某文字輸入欄位的輸入法狀態。
</p>
<ul><li> {{ Xref_cssinitial() }}：{{ Cssxref("auto") }}
</li><li> 適用範圍：文字輸入欄位
</li><li> {{ Xref_cssinherited() }}: 不繼承
</li><li> 是否可標百分比：N/A
</li><li> 適用媒體：{{ Xref_cssvisual() }}
</li><li> {{ Xref_csscomputed() }}：
</li></ul>
<h3 id=".E8.AA.9E.E6.B3.95" name=".E8.AA.9E.E6.B3.95"> 語法 </h3>
<pre class="eval">ime-mode: &lt;mode&gt;
</pre>
<h3 id=".E7.89.B9.E6.80.A7.E5.80.BC" name=".E7.89.B9.E6.80.A7.E5.80.BC"> 特性值 </h3>
<dl><dt> <code>auto</code></dt><dd> 不改變輸入法狀態，此為預設值。
</dd><dt> <code>normal</code></dt><dd> 輸入法設為一般狀態，使用者可在自訂樣式表中蓋過網頁的設定。<i>Internet Explorer 不支援此值。</i>
</dd><dt> <code>active</code></dt><dd> 輸入法設為啟用狀態。除非使用者刻意關閉、否則此文字欄位將使用輸入法工具。<i>Linux 不支援此值。</i>
</dd><dt> <code>inactive</code></dt><dd> 輸入法設為關閉狀態，但使用者仍可另行啟用。<i>Linux 不支援此值。</i>
</dd><dt> <code>disabled</code></dt><dd> 輸入法設為停用狀態，在此欄位中使用者亦無法將其啟用。
</dd></dl>
<h3 id=".E7.AF.84.E4.BE.8B" name=".E7.AF.84.E4.BE.8B"> 範例 </h3>
<pre>&lt;input type="text" name="name" value="initial value" style="ime-mode: disabled"&gt;
</pre>
<p>此範例在輸入欄位中設定為停用輸入法，在後端資料庫不支援擴充字元集、卻必須讓使用者自行輸入文字時，可以使用。
</p>
<h3 id=".E5.82.99.E8.A8.BB" name=".E5.82.99.E8.A8.BB"> 備註 </h3>
<p>與 Internet Explorer 不同的地方是，Firefox 實作 <code>ime-mode</code> 時亦允許此特性套用至密碼輸入欄位，但這在理想的使用體驗上有不妥之處、而密碼欄位也應該停用輸入法。若有網站執意將不適切的行為套用至密碼欄位，則使用者可以在自訂 CSS 檔中加上下列設定以強迫調整此功能：
</p>
<pre>input[type=password] {
	ime-mode: auto !important;
}
</pre>
<p>{{ Note("一般說來，公開的網站不該自行調整輸入法模式的行為。這個特性主要是給網際應用程式使用的。") }}
</p><p>Mac 版的 Gecko 1.9 中，若某欄位設定停用輸入法，則自該欄位移開輸入焦點時並無法自行恢復輸入法狀態，所以若使用 <code>disabled</code> 值，Mac 的使用者可能會碰上麻煩。
</p><p>{{ Note("別僅僅仰賴停用輸入法的招術來避免使用者輸入擴充字元，因為即使輸入法被停用，使用者依然可自他處剪下擴充字元後貼到表單欄位中。") }}
</p>
<h3 id=".E8.A6.8F.E6.A0.BC.E5.87.BA.E8.99.95" name=".E8.A6.8F.E6.A0.BC.E5.87.BA.E8.99.95"> 規格出處 </h3>
<ul><li> <a class="external" href="http://msdn2.microsoft.com/en-us/library/ms533883.aspx">微軟規格</a>
</li></ul>
<h3 id=".E7.80.8F.E8.A6.BD.E5.99.A8.E7.9B.B8.E5.AE.B9.E6.80.A7" name=".E7.80.8F.E8.A6.BD.E5.99.A8.E7.9B.B8.E5.AE.B9.E6.80.A7"> 瀏覽器相容性 </h3>
<p>Firefox 3 以後便能同 Internet Explorer 一般支援 <code>ime-mode</code> 特性。
</p><p><br>
</p>
<div class="noinclude">
</div>
{{ languages( { "en": "en/CSS/ime-mode", "es": "es/CSS/ime-mode", "fr": "fr/CSS/ime-mode", "ja": "ja/CSS/ime-mode" } ) }}