【发布时间】:2010-09-17 03:16:24
【问题描述】:
我想看一些具有大量输入字段的良好表单布局(基于 Web)的示例。我做了很多 Web 应用程序开发,而且我的很多表单都输入元素很重,所以我一直在寻找关于如何显示我的表单的好主意。例如,我在页面上有几个列表框和很多文本框和一些下拉菜单,同时显示表单更改的历史记录。
【问题讨论】:
我想看一些具有大量输入字段的良好表单布局(基于 Web)的示例。我做了很多 Web 应用程序开发,而且我的很多表单都输入元素很重,所以我一直在寻找关于如何显示我的表单的好主意。例如,我在页面上有几个列表框和很多文本框和一些下拉菜单,同时显示表单更改的历史记录。
【问题讨论】:
每当我需要一些形式灵感时,我总是喜欢访问Wufoo。
【讨论】:
这完全取决于您的重点是数据输入还是用户体验。对于作为主要目标的数据输入,我会保持输入框靠得很近,并确保它们与 Tab 键配合得很好,这样用户就不必把手从键盘上移开。也可能应该将空间保持在最低限度,并尝试在页面上包含尽可能多的框。
对于用户体验,恰恰相反,您需要确保有足够的空间来识别 JavaScript 验证的问题,并确保表单同样适用于新的用户作为超级用户。高级用户 == 大量数据输入用户。
Wufoo 在用户体验方面非常好,但对于我上面提到的数据输入用户来说效果不佳。因为用户必须停下来点击按钮。
【讨论】:
Smashing Magazine 对基于 CSS 的表单灵感/技术/教程进行了很好的汇总。
查看here。
【讨论】: