让用户在表单中输入他们的年龄的最佳方法是什么?

时间:2010-11-14 02:42:19

标签: javascript forms webforms

不是让用户在文本框中输入他们的年龄(例如“27”)或使用下拉列表来选择15到99之间的数字,是否有更快的方式让用户选择他们的年龄? / p>

我前几天看到了一个示例代码,其中包含向上/向下箭头,让用户将数字上/下移动到正确的年龄。我现在似乎无法找到该页面。

这是最好的方法吗?如果是这样,如果你知道示例代码在哪里会很有帮助!

感谢。

3 个答案:

答案 0 :(得分:4)

这听起来非常过分,可能过度设计。

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

这应该足够了。

如果您还需要其他任何内容,那么确保所提供的值为正,非零整数的键侦听器应该是UI增强的范围。

编辑:要解决注释,当然服务器端验证总是,无论客户端限制和验证如何。我把它们排除了,因为在OP的范围内不需要它。

答案 1 :(得分:0)

与允许原始文本输入数据相比,Spinner组件非常慢。当网站让我通过下拉菜单选择我的年龄时,我个人无法忍受。更糟糕的是他们将它分为月/日/年。

答案 2 :(得分:0)

其他替代方案可能是要求出生日期,然后计算年龄。你有很多javascript样本here

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