浅议 Web 网页 Form 表单设计技巧 - HTML -

浅议 Web 网页 Form 表单设计技巧

时间:2013-04-19 12:38:30   来源:   评论:加载中...   点击:加载中...
输入框( Input )应当符合逻辑地划分为小组,这样大脑就可以很好的处...

“输入框( Input )应当符合逻辑地划分为小组,这样大脑就可以很好的处理大堆区域间的关系。”– 《HTML权威指南》

Web 应用程序总是利用表单来处理数据录入和配置,但并不是所有的表单都保持一致。输入区域的对齐方式,各自的标签(label),操作方式,以及周围的视觉元素都会或多或少影响用户的行为。

表单布局

考虑到用户完成表单填写的时间应当尽可能的短,并且收集的数据都是用户所熟悉的(比如姓名、地址、付费信息等),垂直对齐的标签和输入框可以说是最佳的。每对标签和输入框垂直对齐给人一种两者接近的感觉,并且一致的左对齐减少了眼睛移动和处理时间。用户只需要往一个方向移动下。

在这种布局中,推荐使用加粗的标签,这可以增加它们视觉比重,提高其显著性。如果不加粗的话,从用户的角度讲,标签和输入框的文字几乎就一样了。



相关热词搜索:

 
上一篇:XHTML代码的基本应用
下一篇:专题:HTML标记语言学习手册
收藏 将此文推荐给朋友
分享到: