モバイルサイトでFORMの入力文字種を設定する方法。
キャリアごとに指定する属性が違うので、全般的に対応させるために、それぞれの属性を設定します。
メンドクセーナー
[モバイル]formでの入力文字種制限 | レジストプランニング|スタッフブログ
◆DoCoMo
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" 全角英字モード
大文字小文字の区別に注意してください。
また"*"の部分に数字を入れると文字数を制限できます。
"*"のときは無制限を示しています。◆Softbank
mode属性
mode="hiragana" 全角かなモード
mode="katakana" 全角カナモード
mode="alphabet" 半角英字モード
mode="numeric" 半角数字モードタグの詳細については以上です。
例えば、上記3キャリアに対応したページで半角数字のみの入力を指定するフォームを作成する場合は<input name="○○○" size="10" type="text" value="▼▼▼" istyle="4" format="*N" mode="numeric" //>
と記述することで実現できます。