Limited support 注意が必要。一部のブラウザのみ対応。プロダクション利用は慎重に判断すること。

ime-mode

テキスト入力フィールドでIME（日本語入力など）の有効・無効を制御するプロパティです。数値のみを入力するフィールドでIMEを無効にしたり、テキストフィールドでIMEを強制的に有効にしたりできます。ただし、このプロパティは非推奨であり、代替手法の使用が推奨されています。

IME入力制御

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
ime-mode
非推奨
12
3
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)
注釈 2件
削除済み
  • このバージョンで機能が削除されました (79)
対応条件
  • ベンダープレフィックス付きで対応: -ms- (12)

基本構文

CSS 
.number-input {
  ime-mode: disabled;
}
.text-input {
  ime-mode: active;
}

ライブデモ

Disabled (numbercharacterinput)

CSS Disabled (numbercharacterinput) demo.

プレビュー全画面表示

Active (japan languageinput)

CSS Active (Japaneseinput) demo.

プレビュー全画面表示

Auto (default)

CSS Auto (default) demo.

プレビュー全画面表示

実務での使いどころ

  • 数値入力フィールドのIME制御

    郵便番号や電話番号の入力フィールドでIMEを無効化し、半角数字の直接入力を促します。

注意点

  • このプロパティは非推奨であり、Firefoxのみの対応です。代わりにinputmode HTML属性の使用を推奨します。

アクセシビリティ

  • IMEの強制的な無効化はユーザーの入力体験を損なう場合があるため、inputmode属性による適切な入力モードの提案を検討してください。

参考リンク