ソウマクリップ

トップ  »  Web制作,Webデザイン  »  携帯サイトで入力フォームに入力文字指定を設定する方法。

ドコモの場合(istyle属性)

全角かなモード
istyle="1"
半角カナモード
istyle="2"
半角英字モード
istyle="3"
半角数字モード
istyle="4"

auの場合(format属性)

半角英字（大文字）モード [英大文字のみ (句読点の入力も可能)]
format="*A"
半角英字（小文字）モード [英小文字のみ (句読点の入力も可能)]
format="*a"
半角数字モード [数字のみ]
format="*N"
半角英数（大文字）モード [ 大文字と数字記号 (句読点、記号の入力も可能)]
format="*X"
半角英数（小文字）モード [英小文字と数字記号 (句読点、記号の入力も可能)]
format="*x"
全角かなモード [全角漢字 (トグルによりすべての文字)]
format="*M"
半角英数モード [ (トグルによりすべての文字)]
format="*m"

※頭の*は文字数の指定。
最大文字数の制限ではなく、確実に必要な文字数の設定。
[追記:ご指摘いただきました、auのformat属性です。]

• A : 英大文字のみ (句読点の入力も可能)
• a : 英小文字のみ (句読点の入力も可能)
• N : 数字のみ
• X : 大文字と数字記号 (句読点、記号の入力も可能)
• x : 英小文字と数字記号 (句読点、記号の入力も可能)
• M : 全角漢字 (トグルによりすべての文字)
• m : 英小文字 (トグルによりすべての文字)

format属性について[au公式]

SoftBank(ソフトバンク)の場合(mode属性)

全角かなモード
mode="hiragana"
全角カナモード
mode="katakana"
半角英字モード
mode="alphabet"
半角数字モード
mode="numeric"

3キャリア対応することができます。

上述もタグをまとめて使うことで3キャリアに対応させるコトが出来ます。

半角英字のみの入力を指定するフォームを作成する場合。

<input name="hoge" size="10" type="text" value="hoge" istyle="3" format="*a" mode="alphabet" />

各キャリア半角英字でauの半角英字と数字記号の入力をする場合。[メールアドレスなど]

<input name="hoge" size="10" type="text" value="hoge" istyle="3" format="*x" mode="alphabet" />

半角数字のみの入力を指定するフォームを作成する場合。

<input name="hoge" size="10" type="text" value="hoge" istyle="4" format="*N" mode="numeric" />

イロイロ組み合わせてみてください。

今回、参考にさせていただいたYuki's SlowLifeさん

非常に有益でわかりやすいまとめで助かります。

「半角英字のみの入力を指定するフォームを作成する場合」
にあるソース記述における、au向け指定は「*M」ではなく「*a」ではありませんでしょうか？

ohbatchさん。
こんにちは、ご指摘ありがとうございました。

公式へのリンクと説明を追記,サンプルの修正をしました。
また、お気づきの点などあればご指摘くださいね。

>非常に有益でわかりやすいまとめで助かります。
ホントそういっていただけると、励みになります。