Как лучше всего указать пользователю возраст в форме?
Вместо того, чтобы пользователь вводил свой возраст (например, "27") внутри текстового поля или использовал выпадающий список, чтобы выбрать число в диапазоне от 15 до 99, есть ли более быстрый способ заставить пользователя выбрать свой возраст?
На днях я натолкнулся на пример кода, в котором есть стрелка вверх / вниз, чтобы пользователь мог переместить число вверх / вниз до нужного возраста. Я не могу найти страницу сейчас.
Это лучший способ? Если это так, было бы полезно, если вы знаете, где находится пример кода!
Благодарю.
3 ответа
Это звучит очень продуманно и, возможно, надумано.
<input type="text" name="age" maxlength="3">
Этого должно быть достаточно.
Если вам нужно что-то еще, ключевой слушатель, чтобы убедиться, что предоставленное значение является положительным, ненулевым целым числом, должно быть степенью улучшения вашего пользовательского интерфейса.
Редактировать: для ответа на комментарии, конечно же, всегда требуется проверка на стороне сервера, независимо от ограничений и проверки на стороне клиента. Я оставил их, так как это не требовалось в рамках ОП.
Другой альтернативой может быть запрос даты рождения, а затем вычисление возраста. У вас есть много примеров JavaScript здесь
В другом случае, лучшая альтернатива - второй, возможно, пользовательский jQuery control.
Компоненты Spinner довольно медленны по сравнению с возможностью ввода необработанных текстовых данных. Я лично не выношу, когда сайты заставляют меня выбирать свой возраст с помощью выпадающих меню. Еще хуже, когда они разделяют его на месяц / день / год.