ime-mode【IMEモード】
メモ 外部リンク 構文 例
メモ
- テキスト入力コントロールのIME (Input Method Editor) のモード設定
- Microsoft 拡張 (IE・Edge・Firefox 対応)
Edge の最新版では未対応 - CSS3:実装削除 (外部リンク 参照)
- 入力値の制限不可 (例:文字列のペースト)
- ブラウザを限定した業務アプリケーションで有用
- Microsoft 拡張 (IE・Edge・Firefox 対応)
外部リンク
構文 (※記述方法)
プロパティ | 値 |
---|---|
ime-mode: | auto【自動 (変更なし)】 | active 【ON状態 (手動切替可)】 | inactive 【OFF状態 (手動切替可)】 | disabled 【無効化】 | normal【通常 (上書き用)】 |
例
<input style="ime-mode:auto;">:auto【自動 (変更なし)】<br>
<input style="ime-mode:active;">:active【ON状態 (手動切替可)】<br>
<input style="ime-mode:inactive;">:inactive【OFF状態 (手動切替可)】<br>
<input style="ime-mode:disabled;">:disabled【無効化】<br>
<br>
<input id="input-ime">
<label id="label-ime" style="border:1px black inset; padding:0 4px;">未指定</label><br>
<button type="button" onclick="setImeMode('');">未指定</button>
<button type="button" onclick="setImeMode('auto');">auto</button>
<button type="button" onclick="setImeMode('active');">active</button>
<button type="button" onclick="setImeMode('inactive');">inactive</button>
<button type="button" onclick="setImeMode('disabled');">disabled</button>
<button type="button" onclick="setImeMode('normal');">normal</button>
<script>
function setImeMode(imeMode) {
var elm = document.getElementById("input-ime");
elm.style.imeMode = imeMode;
if (imeMode == "") {
imeMode = "未指定";
}
elm.focus();
elm = document.getElementById("label-ime");
elm.innerHTML = imeMode;
}
</script>
:auto【自動 (変更なし)】
:active 【ON状態 (手動切替可)】
:inactive 【OFF状態 (手動切替可)】
:disabled 【無効化】