表单的对齐方式

一、常见表单的对齐有6种方式

1

表单对齐的反面教材:

2缺点是整体看起来乱、不整齐。优点是左侧字段如果字数较多,延展性更好。个人觉得视觉是第一步用户体验,视觉做好,会提升进一步操作了解的兴趣。所以少用这种对齐方式。

做的表单比较好的:

3

包含正在输入、未输入、错误提示的状态。

二、其他注意事项

4

上图即使去掉方框和分隔线,区块之间也不会混乱,反而更清爽舒服,所以能不用分隔线尽量别用分隔线,最好使用文字隐藏的分隔线代替。

本文来自投稿,不代表微擎百科立场,如若转载,请注明出处:https://www.w7.wiki/develop/3913.html

发表评论

登录后才能评论