« Firefoxの環境（profile）を共有 | Main | NHKラジオの「ビジネス英語」シリーズをiPodで聴く方法 »

携帯サイトを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:'*<ja:h>'"（全角かな）
      →エスケープすると　style="-wap-input-format:&quot;*&lt;ja:h&gt;&quot;"
    • style="-wap-input-format:'*<ja:hk>'"（半角カナ）
      →エスケープすると　style="-wap-input-format:&quot;*&lt;ja:hk&gt;&quot;"
    • style="-wap-input-format:'*<ja:en>'"（英字/半角文字）
      →エスケープすると　style="-wap-input-format:&quot;*&lt;ja:en&gt;&quot;"
    • style="-wap-input-format:'*<ja:n>'"（数字/半角文字）
      →エスケープすると　style="-wap-input-format:&quot;*&lt;ja:n&gt;&quot;"
  2. ez-web
    • style="-wap-input-format:*M;"（全角かな）
    • style="-wap-input-format:*m;"（英字/半角文字）
    • style="-wap-input-format:*N;"（数字/半角文字）

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

  • style="-wap-input-format:&quot;*&lt;ja:h&gt;&quot;;-wap-input-format:*M;"（全角かな）
  • style="-wap-input-format:&quot;*&lt;ja:hk&gt;&quot;;-wap-input-format:*M;"（半角カナ）（ez-webは半角カナはなし）
  • style="-wap-input-format:&quot;*&lt;ja:en&gt;&quot;;-wap-input-format:*m;"（英字/半角文字）
  • style="-wap-input-format:&quot;*&lt;ja:n&gt;&quot;;-wap-input-format:*N;"（数字/半角文字）
［参考サイト］

タグ:

2008年4月22日 | カテゴリー : 携帯 | コメント [0] | トラックバック [0] | Main| ↑ページトップ| このエントリーを含むはてなブックマーク

« Firefoxの環境（profile）を共有 | Main | NHKラジオの「ビジネス英語」シリーズをiPodで聴く方法 »

トラックバックURL

このエントリーへのリンク:

このエントリーのトラックバックURL:

コメントする