[新着] Webテンプレートを仮オープンしました
ime-mode は、IME（日本語入力システム）の初期状態を指定するプロパティです。
テキスト入力欄にこのスタイルを指定すると、フォーカス移動時の入力モードを「日本語入力モード」か「英数字入力モード」に設定しておくことができます。
.example {
ime-mode: inactive;
}
| ime-mode | active … （IMEオン・日本語入力モード） |
|---|---|
| inactive … （IMEオフ・英数字入力モード） | |
| disabled … （IME使用不可・英数字入力モード） | |
| auto … （自動）デフォルト |
active、inactive … IMEのオン・オフを、途中で変更することができます。
disabled … IMEは完全にオフ状態になり、途中で変更することはできません。
<html>
<head>
<title>TAG index Webサイト</title>
<style type="text/css">
<!--
#example1 {
width: 300px;
ime-mode: active;
}
#example2 {
width: 300px;
ime-mode: disabled;
}
#example3 {
width: 300px;
height: 7em;
ime-mode: inactive;
}
-->
</style>
</head>
<body>
<form method="POST" action="example.cgi">
<p>
active … 日本語入力モード（変更可能）<br>
<input type="text" name="demo1" id="example1">
</p>
<p>
disabled … 英数字入力モード（変更不可）<br>
<input type="text" name="demo2" id="example2">
</p>
<p>
inactive … 英数字入力モード（変更可能）<br>
<textarea name="demo3" cols="50" rows="7" id="example3"></textarea>
</p>
</form>
</body>
</html>
▼これをブラウザで見ると次のように表示されます
※サンプルのため送信できません
