ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >CSS一覧 >フォーム

入力欄の入力モードを変更する

{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="text1" class="eisuji" size="8" value="英数字入力"></p>
<p><input type="text" name="text1" 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="text1" style="ime-mode:inactive;" size="8" value="英数字入力"></p>
<p><input type="text" name="text1" style="ime-mode:disabled;" size="8" value="IMEオフ"></p>
<p><textarea name="area1" style="ime-mode:active;" cols="40" rows="8">メッセージ日本語</textarea></p>
</form>

■ その他の項目

ボタンや入力欄のサイズを変える
文字のサイズや色を変える
枠線の太さ、色、種類を指定する
背景色や画像を指定する
外側、部品の余白を指定する
フォームを並べる

スタイルシート一覧のページに戻る

CSS一覧
テキスト
イメージ
テーブル
ボックス
リンク
リスト
水平線
フォーム
フレーム
ページ全体

HOME

Copyright (C) 2003-2016 ホームページマスター All rights reserved.