このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

モバイルサイト作成時に入力フォームで半角英数字をデフォルトの設定にする方法です。

DoCoMoの場合

inputタグに「istyle」属性を追加。

istyle=”1″　全角かなモード

istyle=”2″　半角カナモード

istyle=”3″　半角英字モード

istyle=”4″　半角数字モード

HTML

<input type="text" istyle="4" value="" />

auの場合

inputタグに「format」属性を追加。

format=”*A”　半角英字（大文字）モード

format=”*a”　半角英字（小文字）モード

format=”*N”　半角数字モード

format=”*X”　半角英数（大文字）モード

format=”*x”　半角英数（小文字）モード

format=”*M”　全角かなモード

format=”*m”　全角英字モード

HTML

<input type="text" format="*m" value="" />

※ *は文字数制限無しという意味。文字数の設定ができますが、対応していない機種もあるため

*で設定するのが無難。

Softbankの場合

inputタグに「mode」属性を追加。

mode=”hiragana”　全角かなモード

mode=”katakana”　全角カナモード

mode=”alphabet”　半角英字モード

mode=”numeric”　半角数字モード

HTML

<input type="text" mode="numeric" value="" />

「istyle」で3キャリアある程度カバーできるのですが、

全部の属性を追加するのが無難。

HTML

<input type="text" istyle="4″ format="*N" mode="numeric" value="" />

（半角数字入力設定を行った場合）