Webでフォームを作る時、入力してもらう入力文字を半角英数字にしなくてはいけない状況になったので、メモ
始めはJavaScriptで入力チェックを入れようかとも思ったのですが、
面倒だったので、調べたら、あるんですね。
しかも、スタイルシートで指定できるとなると便利ですね。
テキスト入力欄にこのスタイルを指定すると、フォーカス移動時の入力モードを
「日本語入力モード」か「英数字入力モード」に設定しておくことができます。
始めはJavaScriptで入力チェックを入れようかとも思ったのですが、
面倒だったので、調べたら、あるんですね。
しかも、スタイルシートで指定できるとなると便利ですね。
テキスト入力欄にこのスタイルを指定すると、フォーカス移動時の入力モードを
「日本語入力モード」か「英数字入力モード」に設定しておくことができます。
スタイルにime-modeを指定することで実装できます。
例）
active … （IMEオン・日本語入力モード）
inactive … （IMEオフ・英数字入力モード）
disabled … （IME使用不可・英数字入力モード）
auto … （自動）デフォルト ）
active、inactive … IMEのオン・オフを、途中で変更することができます。
disabled … IMEは完全にオフ状態になり、途中で変更することはできません。
これで、入力文字を指定することができます
サンプル） ＊フォームは動作しません
人気ブログランキングへ
例）
<form>
active … 日本語入力モード（変更可能）
<input type="text" name="" style="ime-mode:active;">
disabled … 英数字入力モード（変更不可）
<iput type="text" name="" style="ime-mode:disabled;">
inactive … 英数字入力モード（変更可能）
<textarea name="" style="ime-mode:inactive;"><textarea>
</form>
active … （IMEオン・日本語入力モード）
inactive … （IMEオフ・英数字入力モード）
disabled … （IME使用不可・英数字入力モード）
auto … （自動）デフォルト ）
active、inactive … IMEのオン・オフを、途中で変更することができます。
disabled … IMEは完全にオフ状態になり、途中で変更することはできません。
これで、入力文字を指定することができます
サンプル） ＊フォームは動作しません
この記事のトラックバックURL
http://ffff00.blog123.fc2.com/tb.php/133-d9ba98dc
この記事にトラックバックする(FC2ブログユーザー)
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
