Как лучше всего указать пользователю возраст в форме?

Question

Вместо того, чтобы пользователь вводил свой возраст (например, «27») внутри текстового поля или использовал выпадающий список, чтобы выбрать число в диапазоне от 15 до 99, есть ли более быстрый способ заставить пользователя выбрать свой возраст?

На днях я наткнулся на пример кода, в котором есть стрелка вверх / вниз , чтобы пользователь мог переместить число вверх / вниз до нужного возраста. Я не могу найти страницу сейчас.

Это лучший способ? Если это так, было бы полезно, если вы знаете, где находится пример кода!

Спасибо.

Answer 1

Это звучит очень продуманно и, возможно, слишком искусно.

<input type="text" name="age" maxlength="3">

Этого должно быть достаточно.

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

Редактировать: чтобы обратиться к комментариямКонечно, проверка на стороне сервера всегда требуется , независимо от ограничений и проверки на стороне клиента.Я не учел их, поскольку это не требовалось в рамках ОП.

Answer 2

Другой альтернативой может быть запрос даты рождения, а затем вычисление возраста. У вас есть много примеров JavaScript здесь

В другом случае лучшая альтернатива - второй, возможно, пользователь spinner jQuery contol.

Answer 3

Компоненты Spinner работают довольно медленно по сравнению с возможностью ввода необработанных текстовых данных.Я лично не выношу, когда сайты заставляют меня выбирать свой возраст с помощью выпадающих меню.Еще хуже, когда они разделяют его на месяц / день / год.