相关文章
北京网站制作Dreamweaver中加入竖直线的问题
北京网站制作旧貌要换新颜：滚动条大变身
企通互联让主页的按钮靓起来
网站制作网页设计中各度量单位的比较
网页设计策划设计制作网站应该注意的九大原则
网站设计详细学习网页制作技术CSS的文本属性
网站建设谈Flash脚本与时间轴动作的执行顺序
北京网站制作网络图形效果探索（一）
网页设计提高Banner广告效率的九大要诀
北京网站制作值得收藏的东东 50条网页制作小技巧集锦
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 网站设计网站制作输入表单的三种布局
网站设计网站制作输入表单的三种布局
关于输入表单的三种常用布局，大家应该都比较熟悉了，
第一种是这样，称为右对齐 网站建设/左对齐，左边的标签右对齐，右边的输入框左对齐（来自yahoo）： 北京网站设计 Chinaz
中国.站长站
第二种是左对齐/左对齐，左边的标签左对齐，右边的输入框左对齐（来自Google www.qitongnet.com）： Www~Chinaz~com
Www^Chinaz^com
另一种方式是标签在上，输入框在下（来自豆瓣）： [中国站长站]
（以上源页面版权归各网站所有，红色或绿色的指示线为作者添加。）
Chinaz
这三种方式各有什么不同呢？ 网站设计
[中国站长站]
从视觉流来看，右对齐/左对齐强调的是标签和输入框这一对元素之间的关系（从左到右，它们在距离上最接近），缺点是，如果左边的标签长短差别很大，就会造成参差不齐很难看的页面；左对齐/左对齐的布局削弱了这种标签－输入框的对应关系，但是很方便从上到下浏览所有的输入标签，当然，如果左边的标签长短差别大，也会造成距离过远，难看的页面；上下布局则兼顾了标签和输入框之间的关系，以及从上到下的很好的逻辑顺序，它的缺点是，不适合输入框太多的情况。 中国站长 北京网站制作_站, 网站制作为中文网站提供动力
左右两种布局在中文界面上也许可以取得一致，即，让所有的标签长度一致，在左对齐的同时也右对齐，中文真是一门奇妙的语言，在英文页面上，就很难做到这一点了。 Www_Chinaz_com
问题：
- 什么时候应该采用右左布局，什么时候应该采用左右布局？
- 为什么我说上下布局不适合输入框太多的情况？
西贝的回答： 中.国站长站
- 右左布局：当输入框为多个并且类别相同，字段长短较一致时，建议采用右左布局；
- 左右布局：当输入框多，但类别不一致时采用；
- 上下布局：当输入框较少，但是引发的提示或帮助较多时，建议采用；不适合输入框多的情况，因为页 面占用较大，跨度较大；连贯性不强，但是易于区分；
