助力10万企业在网上强大起来
一站式“seo效果”网络营销创导者

扫一扫,
关注我们
  • 电话:023-68626707
  • TEL:13983709738
  • 售后QQ:460150110
重庆帝一网络专注:重庆网络营销,重庆网站推广,重庆seo营销等
当前位置:网络营销 > 网站建设须知>输入表单的三种布局

输入表单的三种布局

发布时间:2016-05-30 14:36:28文章分类:网站建设须知编辑作者:管理员阅读量:162036

关于输入表单的三种常用布局,大家应该都比较熟悉了,

第一种是这样,称为右对齐/左对齐,左边的标签右对齐,右边的输入框左对齐(来自yahoo):

按此在新窗口浏览图片

第二种是左对齐/左对齐,左边的标签左对齐,右边的输入框左对齐(来自Google):

按此在新窗口浏览图片

另一种方式是标签在上,输入框在下(来自豆瓣):

按此在新窗口浏览图片

(以上源页面版权归各网站所有,红色或绿色的指示线为作者添加。)

这三种方式各有什么不同呢?

从视觉流来看,右对齐/左对齐强调的是标签和输入框这一对元素之间的关系(从左到右,它们在距离上最接近),缺点是,如果左边的标签长短差别很大,就会造成参差不齐很难看的页面;左对齐/左对齐的布局削弱了这种标签-输入框的对应关系,但是很方便从上到下浏览所有的输入标签,当然,如果左边的标签长短差别大,也会造成距离过远,难看的页面;上下布局则兼顾了标签和输入框之间的关系,以及从上到下的很好的逻辑顺序,它的缺点是,不适合输入框太多的情况。

左右两种布局在中文界面上也许可以取得一致,即,让所有的标签长度一致,在左对齐的同时也右对齐,中文真是一门奇妙的语言,在英文页面上,就很难做到这一点了。

 问题:

  1. 什么时候应该采用右左布局,什么时候应该采用左右布局?
  2. 为什么我说上下布局不适合输入框太多的情况?

西贝的回答:

  1. 右左布局:当输入框为多个并且类别相同,字段长短较一致时,建议采用右左布局;
  2. 左右布局:当输入框多,但类别不一致时采用;
  3. 上下布局:当输入框较少,但是引发的提示或帮助较多时,建议采用;不适合输入框多的情况,因为页  面占用较大,跨度较大;连贯性不强,但是易于区分;

( 责任编辑:SEO优化-帝壹网络扫一扫关注我吧 ) 
本文由网络推广实战家帝壹网络品牌(http://www.diy88.com.cn/)精心原创编辑,如果您还想了解更多关于SEO优化的文章,请点击查看网站建设网络营销推广的其它文章,转发请注明来源及版权归属。
网站推广网站整合营销服务商,服务咨询电话:023-68626707帝壹网络营销推广帮助企业提高业绩


详情访问官网:www.diy88.com.cn  网络建设,网络整合推广,高端网站制作,营销落地页策划,关键词优化排名,顾问营销培训,微信平台开发,微信营销推广,新闻稿发布,口碑问答营销,价格优惠多多 ,多种套餐服务选择,有买有送。
官方推荐关键字:网络营销-网络推广 - 重庆网络推广 - 网站建设 - 网络推广公司 重庆网站建设
【网络营销推广服务商】重庆帝壹网络公司 www.diy88.com.cn

本文标签:

您的评论

姓名:
电话:
评论内容:

相关评论

热门关键词

联系我们

  • 电话:023-68626707
  • 传真:023-68626707
  • 邮箱:chen-w-f@163.com
  • 地址:重庆市九龙坡区石桥铺西亚广场A座7-1

极力推荐

相关案例

  • 重庆网站推广客户重庆传志塑料制品有限公司
  • 重庆网站推广客户重庆传志塑料制品有限公司

    网络推广客户公司简介:重庆传志塑料制品有限公司是在市场经济飞速发展,行业产品越来越细分的情况下成立的,公司主要致力于,重庆PE管、钢塑复合管、钢丝网骨架管、PSP管的研发、销售、加工。公司禀...

  • 重庆网络营销客户-重庆多达西语学校
  • 重庆网络营销客户-重庆多达西语学校

    陈大果老师与多达教育徐校长合影一、网络推广客户学校简介: 重庆新泽西多国语言学习中心主要开设的语种有英、日、韩、法、德、西班牙语、泰语、俄语等,是重庆市语种开设最全面,教学手段最先进的专...

我们让互联网的营销、推广、投资加盟不再困难!我们助力千万中小企业开启互联网营销新时代! www.diy88.com.cn

知识导航:网站建设知识 | 网络推广知识 | 行业网站建设 | 网络营销推广 | 网站优化seo技巧 | 常见问题 | 建站须知

版权所有:重庆帝壹网络营销推广公司©allright 2005-2025
帝壹网络15年专业从事:重庆网络营销重庆网络推广的一家重庆网络公司-15年专注seo重庆网站建设-公司品牌、生产产品的推广实战家

搜索引擎优化用帝龙神站,快速锁定搜索引擎第一页前十名。帝壹自创:精准流量变现营销模式,让企业快速抓潜在客户。

热线电话:023-68626707 客服QQ:460150110 网站备案号:渝ICP备07501399 号

在线咨询
咨询热线
关注微信

扫一扫

全国免费咨询热线
13983709738

返回顶部