ime-mode【IMEモード】

<p><input style="ime-mode:auto;">：auto【自動 (変更なし)】</p>
<p><input style="ime-mode:active;">：active【ON状態 (手動切替可)】</p>
<p><input style="ime-mode:inactive;">：inactive【OFF状態 (手動切替可)】</p>
<p><input style="ime-mode:disabled;">：disabled【無効化】</p>

<p>
  <input id="input-ime">
  <label id="label-ime" style="border:1px black inset; padding:0 4px;">未指定</label>
</p>
<p>
  変更：
  <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>
</p>

<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【無効化】

未指定

変更：未指定autoactiveinactivedisablednormal

<p>ソフトウェアキーボードのモード変更</p>
<p><input inputmode="decimal">：decimal【小数数値入力】</p>
<p><input inputmode="email">：email【Eメールアドレス入力】</p>
<p><input inputmode="none">：none【未指定】</p>
<p><input inputmode="numeric">：numeric【数値入力】</p>
<p><input inputmode="search">：search【検索入力】</p>
<p><input inputmode="tel">：tel【電話番号入力】</p>
<p><input inputmode="text">：text【テキスト入力】</p>
<p><input inputmode="url">：url【URL入力】</p>

ソフトウェアキーボードのモード変更

：decimal【小数数値入力】

：email【Eメールアドレス入力】

：none【未指定】

：numeric【数値入力】

：search【検索入力】

：tel【電話番号入力】

：text【テキスト入力】

：url【URL入力】