★このページでは、IEで独自に拡張された設定について解説しています。

動作確認されているのはIE6.0のみですので、それ以外のバージョン、ブラウザでは正しく表示されない場合があります。

 

初級篇★ページ作りの基礎知識2. スタイルシートを使ってみよう

VOL13. IE独自拡張による設定 その4 ★ IMEモードを変更する(IE5.0以降で有効)

 

ime-mode: <値>;

アンケートなどのフォームに記入する時に、自動的に入力モードが変更されているのに気づいたことはありませんか? あれは、入力ミスを防いだり、ユーザーが自分で変更したりする手間を省くためにCSSで設定されているものです。このプロパティに指定できる<値>は、以下の4つです。

auto ... 入力モードに影響しない (デフォルト)

active ... 日本語入力を有効にする。ユーザー側で切替え可能。

inactive ... 日本語入力を無効にする。ユーザー側で切替え可能。

disabled ... 日本語入力を完全に無効にする。ユーザー側でも切替えることはできない。

 

実例はこちらでご覧になれますが、動作するのはIE5.0以降に限ります。サンプルのHTMLとCSSは以下のように書かれています。

 CSS設定

input.active { ime-mode: active; }
input.inactive { ime-mode: inactive; }
input.disabled { ime-mode: disabled; }

 フォーム部分のHTML

<FORM NAME="form1" onSubmit="send_mail()">

お名前: <INPUT TYPE="text" NAME="yourname" SIZE="28" class="active"><BR> 
お名前(ローマ字): <INPUT TYPE="text" NAME="yourname" SIZE="38"class="inactive"><BR> 

ご住所: <INPUT TYPE="text" NAME="yourname" SIZE="50" class="active"><BR> 
メールアドレス: <INPUT TYPE="text" NAME="yourname" SIZE="30" class="disabled"><BR> 

その他、ご意見、ご感想、これから取り上げて欲しい内容など、ご希望がありましたらどうぞ。<BR> 
<TEXTAREA NAME="opinion" COLS="50" ROWS="10" class="active"></TEXTAREA><BR> 
<INPUT TYPE="submit" VALUE="送ります"> 
<INPUT TYPE="reset" VALUE="書き直し"> 
</FORM> 

 

 

初級篇2.VOL13. IE独自拡張による設定・その3-5 <<

>> 初級篇2.VOL13. IE独自拡張による設定・その5

 

2007.7.22.