web-dev-qa-db-ja.com

HTML5の日付入力タイプは、さまざまなモバイルブラウザーでどのように表示されますか?

ユーザーがDOBに入力する必要があるモバイルWeb用のフォームを作成しています。

サポートがパッチであることを理解しているので、さまざまなモバイルOSとブラウザでどのように表示されるかに興味があります。

現在のブラウザは<input type="date">良い選択ですか?

IOS 5では、ネイティブの日付セレクターが表示されるようです(スクリーンショットはこちらをご覧ください http://blog.teamtreehouse.com/using-html5-input-types-to-enhance-the-mobile-browsing-experience )。これは、日(DD)、月名(MMM)、および年(YYYY)のスクローラーを備えた複合日付ピッカーです。

enter image description here

これはかなり理想的に見えます。年入力のスピナースタイルは、デスクトップブラウザーの従来のドロップダウンリストを使用するよりも、誕生年にすばやく戻る方法です。

Android 4.1.1では、プレーンテキストボックスが表示されます。これをタップすると、日(DD)、月(MM)、年(YY)のスピナー付きの素敵な複合日付ピッカーポップアップが表示されます。適切なフォームのラベル付けで問題ありません。

他のデバイスやモバイルブラウザについてはどうですか?

これは簡単なテストページです: http://jsfiddle.net/Px6tA/embedded/result/

あなたが見つけたものを教えてください!

2
Dan

質問を少し回ります。生年月日を入力するために日付ピッカーUIはどのように役立ちますか?

日付ピッカーUIは通常、カレンダー内の日のコンテキストを理解することが重要な場合に役立ちます。つまり、次の金曜日はいつですか?または正確に1か月前は何ですか?

しかし、生年月日がある場合、それは記憶された日付であり、カレンダーのどこにあるかは多少関係ありません。

さらに、古いものを使用するほど、日付を入力するために何年も何ヶ月もナビゲートしなければならないため、日付の選択が煩雑になります。

これらすべてに基づいて、生年月日フィールドをテキストフィールドにすることを強くお勧めします。

3
DA01