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

2015年5月13日 yellow

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

1

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

以下の機能を満たしています。
・フォームテキストボックスのフォントサイズ＝small、カラー＝#333333（黒）
・半角数字モード
・入力桁数制限（TEL[最大4桁]-[最大4桁]-[最大4桁]）
・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.