読者です 読者をやめる 読者になる 読者になる

初めてのシステムと日記

システムも日記も初めてです。

3キャリアでの入力モード指定

通常はフォームのテキストとかの入力欄は日本語が初期状態になっている。

これを初めから半角英数字モードにする方法。

キャリアによって、さらにhtmlかxhtmlかによってモードの指定方法が異なるのでメモ。


・html
 inputタグの中に指定する。
 <input type="text" name="hoge" istyle="1" format="*M" mode="hiragana" />
xhtml
 inputタグのstyleの中に指定する。
 <input type="text" name="hoge" style="-wap-input-format:"*<ja:h>";-wap-input-format:*M;" />

■docomo
 ・html
   全角(デフォルト): istyle = 1
      半角カナ          : istyle = 2
      英字              : istyle = 3
      数字              : istyle = 4
 ・xhtml
   全角(デフォルト): style="-wap-input-format:&quot;*&lt;ja:h&gt;&quot;"
      半角カナ          : style="-wap-input-format:&quot;*&lt;ja:hk&gt;&quot;"
      英字              : style="-wap-input-format:&quot;*&lt;ja:en&gt;&quot;"
      数字              : style="-wap-input-format:&quot;*&lt;ja:n&gt;&quot;"

 ※docomoではstyleの中に<>などの記号を使う場合、エスケープする必要がある
■au
 ・html
   全角(デフォルト): format="*M"
      英字              : format="*m"
      数字              : format="*N"
 ・xhtml
   全角(デフォルト): style="-wap-input-format:*M;"
      英字              : style="-wap-input-format:*m;"
      数字              : style="-wap-input-format:*N;"

 ※auは半角カナモードが指定できない
 ※「*」を数字にすると、文字数制限も可能
■SoftBank
 ・html
   全角(デフォルト): mode="hiragana"
      半角カナ          : mode="hankakukana"
      英字              : mode="alphabet"
      数字              : mode="numeric"
 ・xhtml
   全角(デフォルト): style="-wap-input-format:'*<ja:h>"
      半角カナ          : style="-wap-input-format:'*<ja:hk>"
      英字              : style="-wap-input-format:'*<ja:en>"
      数字              : style="-wap-input-format:'*<ja:n>"


機種によっては、初期入力モードだけが変更されるものと、

入力モードが固定されて変更できないものがあるので注意が必要。



・疑問点

xhtmlで実装してみたら、docomoだけ入力モードが変更されなかった。

で、style="-wap-input-format:"*<ja:h>""のエスケープ処理を外したら (Softbankと同じstyle="-wap-input-format:'*"にしたら)

きちんと入力モードの指定が出来た。原因がよく分からない。。



で、それも踏まえて3キャリア対応した入力モード指定のタグ

・全角(デフォルト)
<input type="text" name="hoge" istyle="1" format="*M" mode="hiragana" style="-wap-input-format:'*<ja:h>;-wap-input-format:*M;" />

・半角カナ
<input type="text" name="hoge" istyle="2" format="*M" mode="hankakukana" style="-wap-input-format:'*<ja:hk>;-wap-input-format:*M;" />

・英字
<input type="text" name="hoge" istyle="3" format="*m" mode="alphabet" style="-wap-input-format:'*<ja:en>;-wap-input-format:*m;" />

・数字
<input type="text" name="hoge" istyle="4" format="*N" mode="numeric" style="-wap-input-format:'*<ja:n>;-wap-input-format:*N;" />


それにしても、

mode="hiragana"、mode="hankakukana"

なんかダサい。。



■追記


なぜかauのw61tのみ、上記で入力モードの指定が出来ませんでした。。

そもそも -wap-input-format: 

これを同じタグで2回指定しているのがいいのかどうか疑問。。どのサイトでもこう書いてありましたが。。

いまは下のように書いています。

<input type="text" name="hoge" istyle="1" format="*M" mode="hiragana" style="<docomoとsoftbankだったら>-wap-input-format:'*<ja:h>;"<条件文終わり> />

auに関してはもうstyle書いてないです。一応今のところこれで指定できてます。(w61tも)

で、docomoとsoftbankの時は -wap-input-format:'*; と出すようにしました。