101条UX原则 - #13 使用数字输入框来明确数值

如果你想从用户那里得到一个整数，例如他们想要订购的小部件的数量或者一个事件运行的天数，为他们提供一个可以自由输入文本的字段是没有意义的，他们可能会输入“一些”或“👻”。

在HTML中的数字输入字段是：

<input type="number">

在不同的设备上的显示略有不同，这就是重点。通过适应客户端设备的控制系统，用户可以更轻松地输入并减少错误，在你的数据库中也可以少一些表情符号。

当然，这里的一个巨大好处是，通过为桌面和移动设备上的用户提供快捷、轻松的方式将来输入数字，这将提高你的表单转换率。用户放弃填表的原因是因为它们太长，要求提供太多详细信息，或者因为很难在表单中输入信息。

知识点：

·应使用数字输入控件来设置特定的数值。

·让浏览器或设备确定最佳输入方法而不要建立“自己的”控件。

·比起消费内容，填表这件事总是需要用户付出更多努力，因此最大限度地减少你要求用户提供“内容”的数量。