web表单设计有三个基本要素：1、标签 2、输入框 3、动作。标签负责提出问题，输入框供人们填写信息，动作负责提交信息。
在不同的使用场景中，标签有不同的对齐方式。对齐方式的选择主要考虑一下几个要素：1、标签的长度（跨语言的切换）2、用户的填写效率 3、屏幕的空间大小（比如移动设备的横向空间有限）。
目前主要的标签对齐方式有：顶对齐、左对齐、右对齐。还有一种特殊的方式：输入框内标签。
一、顶对齐标签
顶对齐眼动仪追踪轨迹
优点：1、兼容不同长度的标签2、用户处理速度更快，只需要上下浏览表单。
缺点：增加了垂直空间
二、右对齐标签
右对齐眼动仪追踪轨迹
右对齐标签的优点：1、标签与输入框距离较近2、缩短了垂直空间
缺点：1、与顶对齐相比，阅读效率变低。2、标签长度太长或者超过一行时，浏览表单比较困难。
三、左对齐标签
左对齐眼动仪轨迹
左对齐优点：1、浏览标签更加容易2、节省了垂直空间
缺点：1、标签距离输入框比较远 2、建立标签与输入框的对应关系耗时最长
四、输入框内标签
优点：1、节省了一半的屏幕空间 2、浏览效率较高
缺点：光标激活后，标签消失，用户容易忘记标签内容。
适用于填写内容较少，用户熟悉的表单环境。
网友评论