« 2011年03月 | メイン | 2011年06月 »

2011年04月14日

やっとわかったistyle

携帯サイトでフォーム入力をする際、入力モードが自動的に変わるのは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です。

  • style="-wap-input-format:"*<ja:h>";-wap-input-format:*M;"(全角かな)
  • style="-wap-input-format:"*<ja:hk>";-wap-input-format:*M;"(半角カナ)(ez-webは半角カナはなし)
  • style="-wap-input-format:"*<ja:en>";-wap-input-format:*m;"(英字/半角文字)
  • style="-wap-input-format:"*<ja:n>";-wap-input-format:*N;"(数字/半角文字)
参考というかパクリ元
http://mocamoca.biz/blog/2008/04/xhtml.html

投稿者 muuming : 12:55 | コメント (0)