inputmode属性

このエントリーをはてなブックマークに追加

inputmode属性は入力フォームにフォーカスが合った際に入力デバイスに最適なキーボード状態を伝えるための属性です。

属性値には以下の値を取ることができます。

キーワード 状態
verbatim ユーザー名やパスワード、製品コードのように文章ではない英数字
latin 入力支援ができるラテン文字
latin-name 入力支援ができるラテン文字(人名)
latin-prose かなりの入力支援ができるラテン文字
full-width-latin 全角ラテン文字
kana 日本語におけるひらがな入力
kana-name 日本語におけるひらがな入力(人名)
katakana 日本語におけるカタカナ入力
numeric 数値。可能であれば<input type=number>の利用が推奨される
tel 数値や*、#などの電話番号。可能であれば<input type=tel>の利用が推奨される
email 英数字や@、.などのメールアドレス。可能であれば<input type=email>の利用が推奨される
url 英数字や/、.といったURL。可能であれば<input type=url>の利用が推奨される

利用できるのは以下の要素です。

input要素

input要素ではtype属性が「text」、「search」、「password」の場合に利用することができます。

<input type="text" inputmode="latin">

textarea要素

textarea要素にinputmode属性が指定可能です。

<textarea inputmode="latin"></textarea>

登録日 : 2014年12月05日 最終更新日 : 2015年1月31日

同じカテゴリー(属性)のエントリー

検索

スポンサードリンク

バージョン

リファレンス