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

2015年3月31日 yellow

<form action="#">
  <font size="2" color="#000000">〒<input type="text" size="6" istyle="4" format="3N" mode="numeric" maxlength="3" value="" name="" id="" />-<input type="text" size="7" istyle="4" format="4N" mode="numeric" maxlength="4" value="" name="" id="" /><br />
  <input type="submit" value="確認" name="" id="" /><br /></font>
</form>

1

2

3

4

<form action="#">

<font size="2" color="#000000">〒<input type="text" size="6" istyle="4" format="3N" mode="numeric" maxlength="3" value="" name="" id="" />-<input type="text" size="7" istyle="4" format="4N" mode="numeric" maxlength="4" value="" name="" id="" /><br />

<input type="submit" value="確認" name="" id="" /><br /></font>

</form>

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

[参考]
http://www.plusmb.jp/2008/10/24/948.html
http://www.abe-tatsuya.com/web_prog/mobile_web/input_attributes.php
http://www.symmetric.co.jp/blog/archives/109

この記事を書いた人

yellow

新着記事

Practice is better than precept.