ELLの足跡

人は最後は一人だという…でも、…今は妻が傍にいてくれる…

アンケートページで日本語入力(IME)を操作する方法

今日は、HPでアンケートページなどで住所・氏名・電話番号などを入力して貰うテキストエリアなどで

住所や氏名などにカーソルを置いたら、そのまま日本語が入力出来たり、

電話番号の所にカーソルを置いたら、半角英数になったら、入力される方は楽ですよね・・・

そんな日本語入力(IME)を操作する方法を紹介しますね・・・
但し、このCSSは、ブラウザがIEFirefoxで使用可能のようです!

  • 例えば、下の図の様な入力箇所があります



    1. スタイルシートの次のプロパティを使用します・・・ime-mode

    2. ime-modeで指定する動作は・・・
      • active・・・日本語入力(IME)をONにする
      • inactive・・・日本語入力(IME)をOFFにする
    3. カーソルを置いたら、日本語入力出来るようにしたい場合・・・style="ime-mode:active"

    4. これを<TEXTAREA>の中に記述します・・・
      <textarea style="ime-mode:active"></textarea>

    5. これで、テキストエリアにカーソルを持って行ったら日本語入力がそのまま出来ます

      ※画像をクリックして実際に体感してみて下さい

    6. 次に、電話番号などのように半角英数にしたい場合・・・style="ime-mode:inactive"

    7. これを<INPUT>の中に記述します・・・
      <input style="ime-mode:inactive">

    8. これで半角英数文字が入力出来るように成ってます。

      ※画像をクリックして実際に体感してみて下さい



今日の小技は如何でしたか?