ユーザーが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)のスクローラーを備えた複合日付ピッカーです。
これはかなり理想的に見えます。年入力のスピナースタイルは、デスクトップブラウザーの従来のドロップダウンリストを使用するよりも、誕生年にすばやく戻る方法です。
Android 4.1.1では、プレーンテキストボックスが表示されます。これをタップすると、日(DD)、月(MM)、年(YY)のスピナー付きの素敵な複合日付ピッカーポップアップが表示されます。適切なフォームのラベル付けで問題ありません。
他のデバイスやモバイルブラウザについてはどうですか?
これは簡単なテストページです: http://jsfiddle.net/Px6tA/embedded/result/
あなたが見つけたものを教えてください!
質問を少し回ります。生年月日を入力するために日付ピッカーUIはどのように役立ちますか?
日付ピッカーUIは通常、カレンダー内の日のコンテキストを理解することが重要な場合に役立ちます。つまり、次の金曜日はいつですか?または正確に1か月前は何ですか?
しかし、生年月日がある場合、それは記憶された日付であり、カレンダーのどこにあるかは多少関係ありません。
さらに、古いものを使用するほど、日付を入力するために何年も何ヶ月もナビゲートしなければならないため、日付の選択が煩雑になります。
これらすべてに基づいて、生年月日フィールドをテキストフィールドにすることを強くお勧めします。