2011年3月13日

input タグの type 属性で iPad のキーボードを切り替える

iPhoneと同様に、HTML5のinput要素type属性によって、iPadのキーボードを切り替えることができます。

通常の「text」とパスワードの「password」のほかに、メールアドレス用の「email」、URL用の「url」、数字用の「number」、電話番号用の「tel」、検索用の「search」に対応しています。

キー配列は縦画面、横画面ともに同じです(画像は横画面)。

type属性別キーボード表示例(iOS 4.2.1)
typeEnglish (US)日本語ローマ字
text
▲通常の配列
search
▲「Go」「開く」キーが「Serach」「検索」キーに
email
▲「,」「、」キーが「@」キーに
url
▲スペースキーが「:」「/」「_」「-」「.com」キーに
number
▲数字入力モードに
tel
▲numberと同じ
password
▲地球儀キーが無くなる

参考ページ

0 件のコメント: