モバイル Safari [およびその他のプラットフォーム] で表示される HTML ページを作成しています。このページでは、ユーザーは開始時刻と終了時刻をいくつか指定できます。少なくとも 2 回、場合によってはそれ以上入力する必要があります。
ユーザーが数値シフト モード キーボードを使用して数字と句読点として時間を入力できるようにしたい。つまり、ユーザーには次のようなフィールドが表示されます。
また、フィールドにフォーカスすると、数値シフト キーボードが表示されます。
動作しません:
<input type="time">(および関連する日時型) はオプションではありません。スクロール ホイールは、HCI の観点からは受け入れられません。特に、繰り返し入力する場合はそうです。
<input type="number">最初は正しいことをします。数値シフト モードでキーボードをトリガーします。つまり、数値と句読点の部分はデフォルトで表示されます。しかし、フィールドを終了すると、モバイル Safari は句読点 (つまりコロン) を取り除きます。を使用してフォームの検証をオフにしようとしましたnovalidateが、うまくいきませんでした。
<input type="text" pattern="[0-9]*">コロン文字を入力する方法がない電話キーボードをトリガーします。
PATTERN 属性に別の RegExp が必要なだけかもしれませんが、試したそれぞれが通常のアルファ キーボードをトリガーし、ユーザーは数字シフト キーパッドに到達するためにキーを押す必要があります。
ユーザーの入力に対して厳しい検証ルールをトリガーせずに、キーボードを数値シフト表示に強制する方法を教えてもらえますか?