2023年1月31日火曜日

数値フィールドで選択できる仮想キーボードの種類

 Oracle APEX 22.2より、ページ・アイテムのタイプとして数値フィールドを選択したときに、設定仮想キーボードとしてDecimalNumericTextのどれかを選ぶことができるようになりました。

仮想キーボードの種類を確認するアプリケーションを作成しました。

https://apex.oracle.com/pls/apex/r/japancommunity/virtual-keyboard/home

PCのブラウザでは、仮想キーボードの設定に効果はありません。

iPhoneでアクセスしてみます。

仮想キーボードDecimalと設定した数値フィールドにフォーカスを当てた結果です。


Decimalの場合は、右下に小数点があります。

仮想キーボードNumericと設定した数値フィールドにフォーカスを当てた結果です。


仮想キーボードに小数点は割り当たっていません。

仮想キーボードがTextの場合は、通常のキーボードです。英数字というわけではなく、キーボードとしてフリック入力を使っていれば、それになるようです。


これらはinputmodeとして指定されています。

https://developer.mozilla.org/ja/docs/Web/HTML/Global_attributes/inputmode

Oracle APEX 22.2以前より、テキスト・フィールドサブタイプとしてPhone NumberEmailURLといった設定があります。


サブタイプPhone Numberのときのキーボードです。


+*#に切り替えると、以下になります。


サブタイプEmailのキーボードです。@の入力が容易になっています。


サブタイプURLの場合は、. / .jpの入力が容易になっています。


こちらは、input要素のtype=による指定です。

https://developer.mozilla.org/ja/docs/Web/HTML/Element/input/tel

スマホからのアクセスを想定していなくても、これらのタイプは設定しておくと良いように思います。