テキストボックスを IME制御しようとした話

前職で使っていたVisual Basic 6 ではテキストボックスのime-modeを指定することが出来ました。

それをWEBアプリでもできないかどうか考えた時の備忘録です。

目次

さよなら ime-mode

ログイン画面を作っていて気が付いたんだけれど、ログインIDを入力する時に全角入力が可能になっていることに気が付いた。

これ宜しくないな~と思って、何かIME制御できないか調べた。

styleに ime-mode: inactive を記述すれば思った通りの動きが出来るけれど、これはCSS3からは廃止され、

ChromeとかSafariあたりではもう完全に動かない。

よって、もう現代としては過去の遺物になっているということ。

残念無念・・・

つまりは、Z世代はちゃんと自分自身でわざわざIMEモードを変えてくれているお利口さんということだ。

代替手段は?

それならば他の手段をとるしかない。

input type に tel、email、urlを入れれば 半角英数字しか入力できないので、理想としているIMEモードがオフになるけれど、

以前入力した電話番号、メールアドレス、URLが履歴として出てきてしまう。

うーん、今はログインID = メールアドレスだから email でもいいのかな~?

でも出来れば、自分で決めたログインIDでログインしたいところ。

結論

X(旧Twitter)あたりのサイトを見ていても、input type は text だったので、

それを見習ってinput type は text にして、自分でIMEモードを変えることにしました。

メールとか電話番号等、特定の状況を除いてIMEモードを自動で変えるなんて、もう古いんだなって思わざるを得ない状況。

うーん、VB6を弄っていた時は、IMEモードを変えること出来たんだけどなぁ。

Z世代を見習います!

  • URLをコピーしました!
目次