用于表示时间量的GUI控件

时间:2010-06-21 08:16:43

标签: html user-interface user-input validation

我有一个输入询问提交者事件花了多长时间。现在它是一个普通的文本框,如果提交了除整数之外的任何内容,则应该输出错误。我告诉提交者在整个分钟内输入长度。

然而,在几分钟内思考并不是大脑最好的能力......也没有遵循指示,所以我经常得到“支持请求”,声明“我的1.5小时输入不起作用”。 / p>

是否有任何好方法要求用户提交一段时间,并接受非分钟作为回报?

3 个答案:

答案 0 :(得分:2)

为什么不让您的控制更加智能化并允许输入:1h40m1.5h1,5h,{{1}或者,您可以“AJAXly”在服务器端解析此值并提供并排提示,该提示将说明您的程序将如何解释该值。

2d5h

此外,您可以使用一些合理的默认值,例如 ----------------- Enter Timespan: | 2d1.5h | (2 days and 1.5 hours, 25.5 hours total) ----------------- (或1.5)最有可能是1.5小时,而不是1.5分钟,应该这样解释。 1,5也不是30秒,而是30分钟等等。

答案 1 :(得分:0)

一种简单的方法是让一个盒子接受浮点输入,另一个控制来选择单位。例如

Time: [ 4.1     ] [ hours ] <- select units from this drop down box
Time: [ 0.5     ] [ days  ]
Time: [ 1e-3    ] [ years ]

您的服务器代码可以枚举用于生成控件和解释提交的单位。

在数字条目旁边的控件中明确提到的单位应该有助于用户不阅读说明 - 如果有的话,他们可能更有可能做正确的事情他们进入的数据,而不是阅读上面一段中的每一个小细节。

(话虽如此,我也非常喜欢Anton Gogolev的答案。如果你能把它拉掉,那就去做吧。)

答案 2 :(得分:0)

您可以显示几个接受整数的输入框,每个输入框用于特定的时间单位:

Time:  [  1 ] day  [  4 ] hours    [ 26 ] minutes   [ 42 ] seconds

用户可以填写任何一个框或两者。