携帯サイトでinputタグに入力制限をかける方法

携帯サイトに関わることはほとんどなかったのですが、
今回少しだけページを作る際に勉強になったことをメモ。

携帯でテキストの入力フォームに入力するとき、全角文字とか半角英数字とか
入力モードを切り替えるのってかなり面倒ですよね。
入力状態を最初から適切なものに変更させているとかどうしてるんだろう?
ってことで調べてみたら、すぐに出てきました。インターネット便利ですね。

1
2
3
4
5
// 半角英数字のみにする場合
<input type="text" istyle="3" format="*x" MODE="alphabet"  />
 
// 半角数字のみにする場合
<input type="text" istyle="4" format="*N" MODE="numeric"  />


こちらのサイトで知りました。
http://kidokorock.com/2009/06/webtips/携帯フォームに半角数字だけ半角英数字の入力制.html
ありがとうございます。

あと、驚いたのが input タグの type=”button” が携帯だとtype=”text”のように表示されること。
これを解決する方法ってないようで、type=”button”は利用されていないようです。