网页设计表单

网站建设表单

表单，在网站建设中是经常出现的页面模块，而你在登陆网站填写信息、购物填写地址、修改个人资料时都是在和表单发生互动，那么在网页设计时，该如何设计出一个优秀表单？

一、网站建设表单填写流程

1.足够精简的填写流程

想让用户不被打断填写完信息，填写流程需要足够精简，才能让用户顺畅地完成信息采集。

2.多页填写要有进程提示

填写页面分为多页的话，需要进程提示，以便用户知道自己填写信息的位置和剩余步骤。

3.主动作与次动作

表单中提交、保存、继续等，都带有继续操作和完成操作的性质，在表单中的视觉效果应该突出。

二、网站建设要选择合适的输入框

1.输入框类型

输入框有复选框、单选框、下拉菜单、文本框、列表框。

2.标签、输入框的对齐

标签对齐的方法有四种，左对齐、右对齐、顶对齐和输入框内标签。

3.选填与必填

用户知道红色星号*的是必填项。当必填项多于选填项时，可以标记选填项，而不是必填项加星号。

三、合理使用帮助提示

1.尽可能减少帮助提示

帮助文字能不用就别使用，如需使用，要尽量简洁明了。

2.帮助提示的五种样式

常用帮助提示有弹窗、toast、snackbar、气泡和行内提示五种样式，每一种根据使用场景不同，对用户当前操作影响也不同。

3.自动即时帮助

即时帮助需要在合适的时间和位置。

4.成功提示

成功提示属于整个输入信息的额外信息，是对用户完成信息输入的提示。

四、信息验证

1.错误提示的验证

当信息填写不对时，跳转到下个输入框，如果能通过认证，但是提交不了，就很难发现错误。所以在填写错误时跳到下个输入框要即时提示填写错误。

2.输入限制需要实时提示

限制输入常见于固定信息输入、或者是输入较长文本信息，这样的提示需要实时提醒用户。