顶部对齐的表单标签由于其垂直屏幕占比大，常用与简易的表单页面，比如登录注册页；但水平屏幕占比小，会用在外露选择标签、滑块等输入域的表单标签。

2）左对齐

表单标签置于对应输入域内容左边，输入域左对齐，与表单标签留有小段间距(2倍图下大致在30PX~60PX左右)，浏览时有一定停顿，水平屏幕占比大，垂直屏幕占比小，常用于输入框的表单标签。

3）右对齐

表单标签置于对应输入域内容左边，输入域右对齐，二者与页面留出相同的边距。浏览时用户停留时间长，水平屏幕占比大，垂直屏幕占比小，常用于呼出选择、开关等有操作的表单标签。

右对齐由于浏览用时较长，还适用在仅需要用户确认信息的表单列表，比如订单详情页。

左右对齐的选择

同一张表单页往往既有输入类的表单，也有选择、开关等有操作的表单，这时候表单标签对齐方式还可进行一些简单的处理，以此保证整个表单的整洁。如下图：

贝壳找房的贷款计算器表单，表单标签与输入域文字采用的是左对齐的方式，但右边放置了单位以及选择呼出图标，使得整体界面不会过于左重右轻，也保证了对齐方式的统一性，浏览更加顺畅。

2.外模块分割方式选择

表单页的外模块分割方式常见有留白分割、背景栏分割以及卡片分割，选择合适的外模块分割方式能够进一步帮助表单进行类别分组，便于用户清晰查看内容。

1）留白分割

利用大间距留白进行分割，割裂感不太强，垂直屏幕占比大，适合用在内容简单的表单页。

2）背景栏分割

利用背景灰色进行分割，割裂感强，适合配合表单分组进行外模块分割，可拓展性强，内容简单或复杂表单都可使用。

3）卡片分割

利用卡片进行分割，割裂感强且视觉轻量，适用于表单内容特别多的长表单，几乎是电商平台订单表单首选外模块分割方式，可拓展性极强。

3.选择器优化

输入域的优化要遵循填写顺畅这点，能选择的就不输入，能放置默认值的就直接展示，且尽量保证在当前页进行操作，不要跳转到另一个页面，以此减少操作用时。

在选项小于5个且可控的时候，还可将其全部展示出来。以闲鱼信用回收填写估价信息为例，所有表单内容都以标签选项平铺在表单页，每选择一个再展示下一个表单项，用户只需按顺序点点点即可完成表单填写。

4.输入框增加一键清除

在对输入域进行优化时，尤为重要的一点就是尽量让用户快速操作，减少用户的思考时间。在输入框增加一键清除图标，就可以方便用户快速删除默认值或多内容文字。