ただいま携帯電話用のwebアプリ作成中
当然ログイン処理とか、それ以外にもフォーム入力をさせることが多々あるわけだけど、
携帯の文字モード切替は使いにくい!
というわけでフォームに合わせて入力モードを切り替えられるようにしてほしいとのこと。
おっしゃること、ごもっとも。
で、調べた。
inputの属性に以下を設定すればOKらしい。
全角ひらがな:istyle="1" mode="hiragana"
全角カタカナ:mode="katakana"
半角かな:istyle="2" mode="hankakukana"
英字:istyle="3" mode="alphabet"
数字:istyle="4" mode="numeric"
istyleはドコモとAU、modeはソフトバンク用。
全角カタカナはソフトバンクのみ対応。
AUはformat属性でもっと細かく設定できる。
A:英大文字のみ(句読点可)
a:英小文字のみ(句読点可)
N:数字のみ
X:大文字と数字記号(句読点・記号可)
x:英小文字と数字記号 (句読点・記号可)
M:全角漢字 (携帯のボタンですべての文字可)
m:英小文字 (携帯のボタンですべての文字可)
formatの中身はダブルクォーテーションでくくって指定。
英字の前に数字をつけることで文字数制限も出来るらしい。
文字数制限したくないときはアスタリスクを前につける。
こっちはどうやら入力そのものを制限するようで、
自分で文字モードの切り替えが出来なくなるみたい。
AUユーザーじゃないのでわからないけど。
PR