|
{ime-mode:値;}でフォームの入力欄の入力モードを変更することができます。
ime-modeプロパティの値には次の4種類があります。
| プロパティの値 |
説明 |
| auto |
自動入力になります。 |
| active |
日本語入力モードになります。IMEツールバーは「あ」の状態です。 |
| inactive |
英数字入力モードになります。IMEツールバーは「A」の状態です。 |
| disabled |
IMEオフで英数字入力モード。IMEツールバーは「×」の状態です。 |
【ブラウザ表示】
画面右上または右下にあるIMEツールバーを見ながら入力欄をクリックしてみて下さい。
ソース
<form method="POST" action="xxx.cgi">
<div><input type="text" name="text1" class="jidou" size="8" value="自動入力"></div>
<p><input type="text" name="text2" class="eisuji" size="8" value="英数字入力"></p>
<p><input type="text" name="text3" class="ime_off" size="8" value="IMEオフ"></p>
<p><textarea name="area1" class="nihongo" cols="40" rows="8">メッセージ日本語</textarea></p>
</form>
外部ファイル
input.jidou{ime-mode:auto;}
input.eisuji{ime-mode:inactive;}
input.ime_off{ime-mode:disabled;}
input.nihongo{ime-mode:active;}
<body>～</body>に直接記入する場合
<form method="POST" action="xxx.cgi">
<div><input type="text" name="text1" style="ime-mode:auto;" size="8" value="自動入力"></div>
<p><input type="text" name="text2" style="ime-mode:inactive;" size="8" value="英数字入力"></p>
<p><input type="text" name="text3" style="ime-mode:disabled;" size="8" value="IMEオフ"></p>
<p><textarea name="area1" style="ime-mode:active;" cols="40" rows="8">メッセージ日本語</textarea></p>
</form>
■ その他の項目
・
ボタンや入力欄のサイズを変える
・
文字のサイズや色を変える
・
枠線の太さ、色、種類を指定する
・
背景色や画像を指定する
・
外側、部品の余白を指定する
・
フォームを並べる
・
フォームの部品の色を変える
スタイルシート一覧のページに戻る
|
