Posts in category 携帯用ホームページ制作のメモ
携帯サイト（モバイルサイト）のフォーム入力項目のデフォルトを半角英数字等に...
WordPressに変わって一発目の記事です。
気分転換が出来たのか、記事を書くのにわくわくしています。
さて、今回は携帯サイト（モバイルサイト）のメールフォーム入力の時にメールアドレスや半角数字での電話番号等を入力するときにPCなら簡単に切り替えできるけど携帯の場合は非常に面倒くさいと思います。
常そんな時にユーザビリティの為に予めメールアドレス項目や電話番号、郵便番号項目を半角英数字や半角数字入力にする方法をご紹介します。
モバイル特有？の手間でやはり3キャリア毎に違うみたいです。
先ずはdocomoから
istyle属性をつかって判別します。
istyle=”1″
全角かなモード
istyle=”2″
半角カナモード
isty [...]
ハイパーリンクタグ（電話をかける）
i-mode等携帯サイトでのハイパーリンクで独自のものといえば電話をかけるリンクですね。
番号を押すだけで指定の電話番号へつながるという便利機能です。
タグはこちら
<a href=”tel:0123456789″>012-345-6789</a>
012-345-6789を携帯でクリックすると電話がかかります。
携帯サイトホームページはJavaScriptも使用不可
携帯サイトホームページはJavaScriptも一切使えません。
JavaScriptバリバリでページを書きたい人にとってはたまりませんね。
シンプルイズベストだということで納得しましょう。
携帯サイトホームページはCSS使用不可
実は実は
携帯サイトでは、CSS（スタイルシート）が一切使えません!!!
なんて不便な！
いまどきテーブルレイアウトなんて・・・。
って携帯のホームページくらいのページやと、テーブル使うほどでもないか！
・・・と思う。
携帯サイトのファイルサイズの制限
携帯サイトのファイルサイズは画像も含め1ページあたり、5kbに収めなければなりません。（最新機種除く）
ですので、画像サイズは極力小さくしましょう。
また、使用できる画像は各キャリアによって形式が違います。
i-mode=gif・jpeg
softbank（Vodafone）=png・jpeg
EZ-web=gif・jpeg
それと、できるだけタグの使用を最小限に抑えて携帯サイトのファイル容量を少なくしましょう。