[HTML/CSS]ケータイサイト（携帯サイト/ガラケーサイト）の郵便番号入力用テキストボックスのコード spanバージョン

2015年5月12日 yellow

<span style="font-size:small; color:#333333;">〒<input type="text" value="" name="" id="" size="6" istyle="4" format="3N" mode="numeric" maxlength="3" />-<input type="text" value="" name="" id="" size="7" istyle="4" format="4N" mode="numeric" maxlength="4" /></span><br />

1	<span style="font-size:small; color:#333333;">〒<input type="text" value="" name="" id="" size="6" istyle="4" format="3N" mode="numeric" maxlength="3" />-<input type="text" value="" name="" id="" size="7" istyle="4" format="4N" mode="numeric" maxlength="4" /></span><br />

以下の機能を満たしています。
・フォームテキストボックスのフォントサイズ＝small、カラー＝#333333（黒）
・半角数字モード
・入力桁数制限（〒[3桁]-[4桁]）　※EZweb au端末のみ固定桁数、それ以外の端末は最大桁数となる。
・3携帯キャリア対応（i-mode docomo端末、EZweb au端末、Yahoo!ケータイ softbank端末）

※EZweb au端末について
・頭の*（アスタリスク）、または数字で文字数・桁数を指定できる。
・頭の*（アスタリスク）で文字数制限無しになる。（例：「*A」「*a」「*N」など）
・頭の数字で文字数・桁数を指定する。（4桁指定の例：「4A」「4a」「4N」など）
・指定桁数以外は受け付けないので注意する。（例えば、4桁指定の際は4桁以外の入力を受け付けない。）
・桁数に幅を持たせる時は、maxlengthで最大桁数を指定する。（ただし、i-mode docomo端末のみバイト数指定となることに注意）

この記事を書いた人

yellow

新着記事

Practice is better than precept.