
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
表单设计是软件开发程序员在开发网站或者app软件的时候会经常用到的一个编程开发技术,而本文我们就通过案例分析来简单了解一下,表单设计都有哪些方法。
1、对相关信息分组,并折叠不常用表单项
对有关联的信息进行分组是提高文案可读性的常用策略。码匠建议您通过运用字号、间距或者分割线等视觉手段将相关的信息进行分组,提升用户处理信息的效率,从而提高表单易用性。
这里使用码匠的分割线组件,将表单内容进行了信息分组:
此外,如果某些表单项很少使用,可以在表单中动态折叠/展开该部分,以优先展示常用表单项,使界面整洁有效。可以通过添加一个用于切换的链接,并根据折叠/展开的状态动态改变链接文本
2、表单默认值
设置默认值能帮助您的用户更高效地使用表单,主要包括两方面:通过设置表单输入的默认值,预测用户可能输入的内容;或者将选择组件的默认值手动配置为用户常使用的选项。
对于数据输入,另一个实用技巧是使用选择器组件来为用户提供备选项,并根据后端数据动态更新选项,许多情况下,表单组件可以利用表格选中行设置默认值。
3、输入校验和反馈
在提交表单到数据库之前进行数据校验,能避免将用户错误或无效的输入送到后端。而给用户及时、正确的反馈也同样重要,能帮助用户快速了解为什么输入的数据是错误的。
在码匠中,几乎每个数据录入组件都有校验属性,帮助您基于设置的规则在用户提交数据之前进行检查:
通过配置组件或查询的事件属性,触发表单提交成功或失败的通知,从而根据用户输入的具体情况给出不同反馈,指出当前输入存在的问题。
4、成功提交后重置到默认值
一般情况下,在提交表单后自动清除输入是很重要的。在码匠中,可以在表单组件的属性栏选择是否在成功提交后重置到默认值。
但在一些特殊情况下,一些表单项的输入值需频繁复用,此时可以在表单中添加一个清除按钮,并配置好单击事件的动作,让用户自己决定是否清除和重置输入。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。