携帯サイトをxhtmlで作る時の文字入力モードの指定方法

携帯サイトでフォーム入力をする際、入力モードが自動的に変わるのはPCサイト以上に大切だと思っています。
input要素の属性で文字入力モードを指定する場合、htmlだと

  1. i-modeとez-web
    • istyle=1 (全角かな)
    • istyle=2 (半角カナ)
    • istyle=3 (英字/半角文字)
    • istyle=4 (数字/半角文字)
  2. softbank
    • mode=”hiragana” (全角かな)
    • mode=”katakana” (半角カナ)
    • mode=”alphabet” (英字/半角文字)
    • mode=”numeric” (数字/半角文字)

 で良かったのですが、xhtmlではこれが機能しません。
 そこで登場するのが-wap-input-formatです。

  1. i-modeとsoftbank
    • style=”-wap-input-format:’*‘”(全角かな)
      →エスケープすると style=”-wap-input-format:”*“”
    • style=”-wap-input-format:’*‘”(半角カナ)
      →エスケープすると style=”-wap-input-format:”*“”
    • style=”-wap-input-format:’*‘”(英字/半角文字)
      →エスケープすると style=”-wap-input-format:”*“”
    • style=”-wap-input-format:’*‘”(数字/半角文字)
      →エスケープすると style=”-wap-input-format:”*“”
  2. ez-web
    • style=”-wap-input-format:*M;”(全角かな)
    • style=”-wap-input-format:*m;”(英字/半角文字)
    • style=”-wap-input-format:*N;”(数字/半角文字)

 という具合になります。
 これを3キャリア共通にするためには;;で区切ってひとつながりに書くと大丈夫のようです。

  • style=”-wap-input-format:”*“;-wap-input-format:*M;”(全角かな)
  • style=”-wap-input-format:”*“;-wap-input-format:*M;”(半角カナ)(ez-webは半角カナはなし)
  • style=”-wap-input-format:”*“;-wap-input-format:*m;”(英字/半角文字)
  • style=”-wap-input-format:”*“;-wap-input-format:*N;”(数字/半角文字)

[参考サイト]