携帯からフォームのinput要素にテキストを入力する時に、初期入力モードを指定することができます。
htmlの時はistyle属性等の合せ技で良かったけど、xhtmlになってからwap-input-formatを指定するようになりました。
色々とはまったので、忘れないようにメモ。
Auの場合
WAP2.0の仕様に準拠しているようなので、仕様に従った書き方で通ります。
wap-input-formatプロパティ
全角かな
CODE:
style=”-wap-input-format:*M;”
半角英字
CODE:
style=”-wap-input-format:*m;”
半角数字
CODE:
style=”-wap-input-format:*N;”
半角カナはプロパティが存在しないため、指定できません。
DocomoとSoftbank
2社とも共通で通るのだけど、独自仕様となっているようで、 プロパティの値が違う。
(半角カナが指定できるようになっている)
全角かな
CODE:
style=”-wap-input-format:”*<ja:h>””
半角カナ
CODE:
style=”-wap-input-format:”*<ja:hk>””
半角英字
CODE:
style=”-wap-input-format:”*<ja:en>””
半角数字
CODE:
style=”-wap-input-format:”*<ja:n>””
3キャリアで共通の指定方法
wap-input-formatの値を続けて記述すれば通るようです。
全角かな
CODE:
style=”-wap-input-format:”*<ja:h>”;-wap-input-format:*M;”
半角カナ(Auは無いので全角かなで)
CODE:
style=”-wap-input-format:”*<ja:hk>”;-wap-input-format:*M;”
半角英字
CODE:
style=”-wap-input-format:”*<ja:en>”;-wap-input-format:*m;”
半角数字
CODE:
style=”-wap-input-format:”*<ja:n>”;-wap-input-format:*N;”
とりあえず、N900i、N902i、P902is、W41S、811SHで試したところOKでした。
ソース
http://hex6.net/blog/?p=15
全角かなモード
1. <input type=”text” name=”hoge” istyle=”1″ format=”*M” mode=”hiragana” style=”-wap-input-format:”*<ja:h>”;-wap-input-format:*M;” />
半角カナモード(auは全角かな)
1. <input type=”text” name=”hoge” istyle=”2″ format=”*M” mode=”hankakukana” style=”-wap-input-format:”*<ja:hk>”;-wap-input-format:*M;” />
半角英字モード
1. <input type=”text” name=”hoge” istyle=”3″ format=”*m” mode=”alphabet” style=”-wap-input-format:”*<ja:en>”;-wap-input-format:*m;” />
半角数字モード
1. <input type=”text” name=”hoge” istyle=”4″ format=”*N” mode=”numeric” style=”-wap-input-format:”*<ja:n>”;-wap-input-format:*N;” />