Html Birthdate输入可用性最佳实践

Question

我将实现标准功能 - 用于PC的Web表单上的生日输入。

有很多接口如何实现这一点。

• 日期选择器（OMG，我无法忍受选择日期。需要太多点击）
• 3下拉列表。日月年。 （我不是很喜欢它 - 它们太长了）
• 直接输入：DD.MM.YYYY（我的选择，但我是程序员，不是客户）
• ...更多

您更喜欢什么样的输入？你的意见最糟糕的是什么？

Answer 1

我使用的下拉列表只包含数字值，即没有月份名称。 这允许您键入日期而不是选择日期，因为它将自动选择键入的部分，并且不允许用户输入格式错误的日期（dd.mm.yyyy vs mm.dd.yyyy等）。 对于这一年，除非您需要最低/最高年龄，否则使用文本字段可能会很好。

Answer 2

交互设计本身就是一门艺术。作为一名建筑师/开发人员，我也更喜欢使用3个输入框，但是......我们必须考虑“目标用户”和“他习惯了什么”。在一般意义上，对我来说，这导致在一个交互设计中提供所有三个选项。

带有日历控件和3个输入框（带下拉支持）的弹出窗口会产生一些内容，提供您提到的所有3个选项。

同样，交互设计也集中在为其进行交互设计的“观点”上。因此，根据您的目标受众，您可能会选择忽略一些可能性。

希望这有帮助，

Answer 3

作为程序员，您最好的选择应该是日期选择器或下拉列表。他们将为用户强制执行特定格式，您不必处理错误的格式。

作为用户，我个人更喜欢下拉菜单，尤其是生日。

Answer 4

我同意日历选择器并不容易，特别是如果可能的范围很广。我们决定使用Telerik RadDateInput。基本上它是一个日期选择，也可以采取文本输入。关于它的一个很酷的事情是，它几乎可以找出你抛出的任何东西：
17 1 09
1月1日 1 j 1
2 2 2
几乎你可以想到的任何东西（我会说它会做出错误决定的唯一情况是当输入也让人感到困惑时）。试试demo site。 我们通常隐藏日历选择器，因此用户不习惯习惯于难以选择。

Answer 5

JavaScript日期选择器是一个很好的选择，如果他们不阻止定期手动输入，所以用户可以选择如何输入日期。在日期格式中保持灵活性也很好，例如，不需要强制斜杠作为分隔符并拒绝任何其他内容。

另外，请注意区域设置问题。来自美国的用户可能会输入MM / DD / YYYY：）