inputの入力モードを制御する方法

inputなどの入力モードを制限する実装をしたことがなかったので、方法を調べてみました。

サンプルコード

CSSのime-modeで実装できるようです。

HTML

<dl>
	<dt>ime-mode:inactive;</dt>
	<dd>
		<input type="text" style="ime-mode:inactive;" />
	</dd>
</dl>
<dl>
	<dt>ime-mode:disabled;</dt>
	<dd>
		<input type="text" style="ime-mode:disabled;" />
	</dd>
</dl>
<dl>
	<dt>ime-mode:active;</dt>
	<dd>
		<input type="text" style="ime-mode:active;" />
	</dd>
</dl>

ime-modeのデモページ
FirefoxとIEでは問題なさそうでしたが、Google Chromeでは対応していないようです。
そのため、Google Chromeも含めて対応する場合はJavaScriptでの対応が必要になります。
　

ただ、ime-modeは基本的に非推奨のようなので、あまり使わない方がいいみたいです。
　

【参考サイト】

• ime-mode－スタイルシートリファレンス
• CSS3 UIが勧告候補になった（11年ぶり2回目） – 水底の血