让用户在表单中输入年龄的最佳方式是什么？

Question

而不是让用户在文本框内输入他们的年龄（例如“27”），或者使用下拉列表选择一个范围为15到99的数字，是否有更快的方式让用户选择他们的年龄？

我偶然发现有一个向上/向下箭头的示例代码，让用户将数字向上/向下移动到正确的年龄。我似乎无法找到现在的页面。

这是最好的方法吗？如果是这样，如果您知道示例代码的位置，将会有所帮助！

谢谢。

Answer 1

这听起来有点过头，可能超过了设计。

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

这应该是足够了。

如果您需要其他任何东西，确保提供的值为正数，非零整数的关键侦听器应该是您的UI增强的程度。

编辑：为了解决意见，当然服务器端验证是总是需要，无论客户端的限制和验证。由于在OP的范围内不需要，我将它们排除在外。

Answer 2

与允许原始文本输入数据相比，微调元件相当慢。我个人不能站在网站让我通过下拉菜单选择我的年龄。更糟糕的是，他们将它分为月/日/年。

Answer 3

其他的选择可能是要求出生日期，然后计算年龄。你有很多javascript样本here

在其他情况下，最好的选择是第二个，也许用户一个spinner jQuery控制。