acky info

連絡先

tips

web関係、制作関係でのよしなしごとを書いています。

CSSテクニック

positionを使ったCSSテクニック

フォームに関するCSSテクニック

疑似クラスを使ったCSSテクニック

リストのCSSテクニック

tableに関するCSSテクニック

左寄せ、中央寄せ、右寄せのCSSテクニック

floatを使ったCSSテクニック

ads

フォームのIME-MODEを指定する

2008/10/22 文章のFF3文言を修正

フォームのテキストフィールド、テキストエリアのIME-MODE(入力モード)を指定してユーザーの入力の手間を軽減しましょう。
IME-MODEの指定はIE、Firefoxは3から対応しています。
IME-MODEは全角日本語を指定するactive(半角/全角キー有効)、半角英数を指定するinactive(半角/全角キー有効)、半角英数に固定するdisabled(半角/全角キー無効)、ブラウザの入力モードを引き継ぐautoの4種類です。autoは初期値なので記述する必要はありません。そのためここでは省きました。

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

入力を体験してください
全角日本語/半角英数 active
半角英数/全角日本語 inactive
半角英数 disabled

メールアドレスなどの半角英数入力は半角英数に固定するdisabled(半角/全角キー無効)にしてしまいがちですが、日本語変換に登録している場合もあるので半角英数を指定するinactive(半角/全角キー有効)を指定しておく方がよいでしょう。

ads

フォームに関するCSSテクニック

お薦めの参考書

CSS、webデザイン学習書籍、参考書をアマゾンで購入する

Copyright (C) acky. All Rights Reserved.