CSS入力指定のinputタグime-mode
メールフォームなどで使用されるinputタグのtype=textにCSS指定で半角全角入力の指定が可能な"ime-mode"プロパティがありますが、
値の種類についてまとめてみました。
ime-modeとはテキスト入力時のIMEの入力モードを指定するInternet Explorerで独自に追加されたスタイルシートプロパティです。
imeとは日本語入力ソフトのMS-IMEなどのことで、Windowsであればタスクトレイなどに表示されることが多い言語バーの仕組みの部分です。
FireFoxでも最近のバージョンであれば対応しています。
ime-modeプロパティには4つの値が指定可能です。
【値の種類】
・disabled
⇒フォーカスされると英数字入力モードになり、変更不可
・auto
⇒特に指定をしないことを意味します。
・active
⇒初期入力モードが日本語入力モードになり、IMEより変更可能
・inactive
⇒初期入力が英数字入力モードになり、IMEより変更可能
【ime-modeプロパティ例】
<input type="text" name="tel" style="ime-mode: disabled;">
⇒初期入力モードが英数文字のみで、変更不可
<input type="text" name="tel" style="ime-mode: inactive;">
⇒初期入力モードが英数文字のみで、IMEで日本語入力に変更不可
実際には、お問い合わせフォームの電話番号やメールアドレスの入力の利便性とデータ取り扱いを考えて使用されることが多く、
disabled以外はあえて指定することはあまりないようです。