モバイル用の Web アプリを作成しました。
私のDOMには<div contenteditable="true">
、コンテナにタッチするとiOSに表示されるキーボードをトリガーする があります。これまでのところは良いのですが、特定のケースでは、ユーザーに小数で数字を入力してもらいたいので、iOS で小数をサポートするテンキーをトリガーしたいと思います (後ですべてのモバイル ブラウザーで)。
目的のテンキーを取得するためにコンテナーを CSS または属性にする方法を教えてもらえますか?
モバイル用の Web アプリを作成しました。
私のDOMには<div contenteditable="true">
、コンテナにタッチするとiOSに表示されるキーボードをトリガーする があります。これまでのところは良いのですが、特定のケースでは、ユーザーに小数で数字を入力してもらいたいので、iOS で小数をサポートするテンキーをトリガーしたいと思います (後ですべてのモバイル ブラウザーで)。
目的のテンキーを取得するためにコンテナーを CSS または属性にする方法を教えてもらえますか?
現在の入力タグを次のタグに置き換える必要があると思います
<input type="number" pattern="[0-9]*" />
これは、実際にはiOS(およびAndroid)ブラウザーに大きなテンキーを使用するように指示しています。
詳細については、こちらをご覧ください。