2010年6月19日

携帯サイト作成の便利なタグ - 入力モード、アクセスキー、キャッシュ、ブックマーク

携帯サイトと作っていて疑問に思ったことを調べていたら、きれいにまとめてあったのでご紹介します。

入力モード、アクセスキー、キャッシュ、ブックマークなど携帯サイトで使える便利なタグ。
元ねたはこちら。MEMORVA

入力フォームの入力モードの指定

携帯サイトの入力フォームで文字を入力するときの入力モード(英字、数字、漢字、カタカナなど)を指定できます。
数字を入力させたい場所で文字を入力するときに、最初に漢字モードが表示されると、わざわざ携帯のボタンで数字モードに直してから入力しますが、予めページ側で数字モードにしてあげると、入力する人の手を煩わせることがありません。
ドコモ
istyle:「1」全角かな、「2」半角カナ、「3」英字、「4」数字。

<input istyle="3" name="test" type="text" />
au
format: 「A」英大文字のみ(句読点も可)、 「a」英小文字のみ(句読点も可)、 「N」数字のみ、 「X」大文字と数字記号(句読点・記号も可)、 「x」英小文字と数字記号 (句読点・記号も可)、 「M」全角漢字 (携帯のボタンですべての文字も可)、 「m」英小文字 (携帯のボタンですべての文字も可)。
ドコモのistyleも使用可能。

<input format="4N" name="test" type="text" />
<input />="" format="*A" name="test" type="text" />
記号の前の数字は、入力文字数の制限で、*の場合は制限なし。
ソフトバンク
MODE: 「hiragana」全角かな、 「katakana」全角カナ、 「hankakukana」半角カナ、 「alphabet」英字、 「numeric」数字。

<input mode="hiragana" name="name" type="text" />

▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼
ヌシ:http://YoshiakiMATSUMURA.com
▲▽▲▽▲▽▲▽▲▽▲▽▲▽▲▽▲▽▲▽▲▽▲