22

時間管理アプリのいくつかのセクションで contenteditable を使用しています。時間を記録しているので、当然のことながら、キーボードを ipad ユーザー向けに自動的に数字キーボードに切り替えたいと思います。次のような考えられる要素にすべての属性を追加しようとしました。

  • タイプ=番号
  • タイプ=tel
  • パターン=[0-9]*

ただし、iPadはデフォルトのキーボードをロードします。

次に例を示します。

<div class="editable validate numbers-only" contenteditable="true" type="number" pattern="[0-9]*">3</div>

iPad ユーザーに数字キーボードを表示するために使用できるトリックはありますか?

4

5 に答える 5

0 
<input type="tel" pattern="[0-9]*" novalidate>

これにより、Android/iOS フォン ブラウザーで適切な数値キーボードが使用できるようになり、デスクトップ ブラウザーでブラウザー フォームの検証が無効になり、矢印スピナーが表示されなくなり、先行ゼロが許可され、デスクトップ ブラウザーと iPad でコンマと文字が許可されます。

于 2019-12-12T13:49:07.620 に答える