Html наилучшая практика ввода данных о дате рождения

Question

Я собираюсь реализовать стандартную функциональность - ввод даты рождения в веб-форме для ПК.

Существует множество интерфейсов для реализации этого.

• Выбор даты (OMG, я не могу выбрать дату с ним. Требуется слишком много кликов)
• 3 Раскрывающиеся списки.День месяц год.(Мне это не очень нравится - они слишком длинные)
• Простой ввод: ДД.ММ.ГГГГ (мой выбор, но я программист, а не клиент)
• ..еще немного

Какой тип ввода вы предпочитаете?Какой на ваш взгляд худший?

Answer 1

Интерактивный дизайн - это искусство само по себе. Будучи самим архитектором / разработчиком, я также предпочитаю использовать 3 поля ввода, но ... Мы должны думать о «целевом пользователе» и «к чему он (а)» привык. В общем, для меня это приводит к тому, что все три варианта предоставляются в одном дизайне взаимодействия.

Всплывающее окно с управлением календарем и 3 полями ввода (с поддержкой выпадающего списка) даст что-то, что предлагает все 3 упомянутых вами варианта.

Опять же, интерактивный дизайн также фокусируется на «точке зрения», для которой создается интерактивный дизайн. Поэтому, в зависимости от вашей целевой аудитории, вы можете не использовать некоторые возможности.

Надеюсь, это поможет,

Answer 2

Я бы использовал выпадающие списки, которые содержат только числовые значения, то есть без названий месяцев. Это позволяет вам вводить дату вместо ее выбора, поскольку она будет автоматически выбирать набранные части, и это не позволяет пользователю вводить неправильно отформатированные даты (дд.мм.гггг против мм.дд.гггг и т. Д.). Для года может быть полезно использовать текстовое поле, если вам не требуется минимальный / максимальный возраст.

Answer 3

Выбор даты в JavaScript - хороший вариант, если он не мешает регулярному ручному вводу, поэтому пользователь может выбрать способ ввода даты. Также приятно быть гибким в формате даты, например, нет необходимости использовать косую черту как разделитель и отклонять что-либо еще.

Кроме того, помните о региональных проблемах. Пользователи из США, вероятно, будут набирать MM / DD / YYYY:)

Answer 4

Я согласен, что выбор календаря не легок, особенно если возможен широкий диапазон значений. Мы остановились на использовании Telerik RadDateInput. По сути, это выбор даты, который также может вводить текст. Самое интересное в этом то, что он почти определит любую вещь, которую вы ему бросаете:
17 1 09
1 июня 1
1 Дж 1
2 2 2
Почти все, что вы можете придумать (я бы сказал, что единственное, что может принять неправильное решение, это когда ввод вводит в заблуждение человека). Попробуйте на их демонстрационном сайте . Обычно мы скрываем средство выбора календаря, поэтому пользователи не склонны использовать сложный вариант по привычке.

Answer 5

Как программист, ваш лучший выбор должен быть указателем даты или выпадающим списком. Они будут применять определенный формат для пользователя, и вам не придется иметь дело с неправильными форматами.

Как пользователь, я лично предпочитаю выпадающие списки, особенно для даты рождения.