當前位置：網(wǎng)絡營銷 > 網(wǎng)站建設須知>輸入表單的三種布局

輸入表單的三種布局

發(fā)布時間：2016-05-30 14:36:28文章分類：網(wǎng)站建設須知編輯作者：管理員閱讀量：1211868

關于輸入表單的三種常用布局，大家應該都比較熟悉了，

第一種是這樣，稱為右對齊/左對齊，左邊的標簽右對齊，右邊的輸入框左對齊（來自yahoo）：

第二種是左對齊/左對齊，左邊的標簽左對齊，右邊的輸入框左對齊（來自Google）：

另一種方式是標簽在上，輸入框在下（來自豆瓣）：

（以上源頁面版權(quán)歸各網(wǎng)站所有，紅色或綠色的指示線為作者添加。）

這三種方式各有什么不同呢？

從視覺流來看，右對齊/左對齊強調(diào)的是標簽和輸入框這一對元素之間的關系（從左到右，它們在距離上最接近），缺點是，如果左邊的標簽長短差別很大，就會造成參差不齊很難看的頁面；左對齊/左對齊的布局削弱了這種標簽－輸入框的對應關系，但是很方便從上到下瀏覽所有的輸入標簽，當然，如果左邊的標簽長短差別大，也會造成距離過遠，難看的頁面；上下布局則兼顧了標簽和輸入框之間的關系，以及從上到下的很好的邏輯順序，它的缺點是，不適合輸入框太多的情況。

左右兩種布局在中文界面上也許可以取得一致，即，讓所有的標簽長度一致，在左對齊的同時也右對齊，中文真是一門奇妙的語言，在英文頁面上，就很難做到這一點了。

問題：

什么時候應該采用右左布局，什么時候應該采用左右布局？
為什么我說上下布局不適合輸入框太多的情況？

西貝的回答：

右左布局：當輸入框為多個并且類別相同，字段長短較一致時，建議采用右左布局；
左右布局：當輸入框多，但類別不一致時采用；
上下布局：當輸入框較少，但是引發(fā)的提示或幫助較多時，建議采用；不適合輸入框多的情況，因為頁面占用較大，跨度較大；連貫性不強，但是易于區(qū)分；

( 責任編輯：SEO優(yōu)化-帝壹網(wǎng)絡掃一掃關注我吧 )
本文由網(wǎng)絡推廣實戰(zhàn)家帝壹網(wǎng)絡品牌精心原創(chuàng)編輯，如果您還想了解更多關于SEO優(yōu)化的文章，請點擊查看網(wǎng)站建設和網(wǎng)絡營銷推廣的其它文章,轉(zhuǎn)發(fā)請注明來源及版權(quán)歸屬。
帝壹網(wǎng)絡營銷推廣幫助企業(yè)提高業(yè)績

詳情訪問官網(wǎng)：www.zenglang.cn 網(wǎng)絡建設，網(wǎng)絡整合推廣，高端網(wǎng)站制作，營銷落地頁策劃，關鍵詞優(yōu)化排名，顧問營銷培訓，微信平臺開發(fā)，微信營銷推廣,新聞稿發(fā)布，口碑問答營銷，價格優(yōu)惠多多，多種套餐服務選擇，有買有送。

本文標簽：

上一篇：十大嚴重的網(wǎng)站設計錯誤下一篇：網(wǎng)站建設時請尊重用戶的需求

相關評論

評論人：金先生評論時間：2022.06.14

我前面找一家公司做了網(wǎng)絡推廣沒有毛線效果，看了這篇文章才明白是怎么回事，已經(jīng)留下聯(lián)系方式，請速與我聯(lián)系，期待合作

評論人：陶先生評論時間：2019.12.17

為作者占贊，品牌推廣的五大流程。讓我們對網(wǎng)絡上對自家品牌推廣有了很好的方向。我已經(jīng)安排公司辦公室主任與貴公司接洽，并商量合作事宜。希望我們的合作愉快。

評論人：羅先生評論時間：2016.10.27

陳總你好，看了你的發(fā)言，我覺得講得很有道，我們是一家新公司，專做水電維修的。不知道我們這個行業(yè)可不可以在網(wǎng)上推廣。如何推廣，幫我們看看，有方案最好。聯(lián)系方式已經(jīng)留下，請陳總費心幫我們想想，萬分感謝！

評論人：王先生評論時間：2017.09.06

這文章像網(wǎng)絡營銷學術文章一樣！

評論人：王先生評論時間：2019.12.17

同意貴公司的觀點，有了這五步流程，我作為客戶，更放心。有流程的公司是能把網(wǎng)站建設做好的。說實話，我前面就是聽信別人的，盲目的信任，導致我的網(wǎng)站建得不好。后來到公司咨詢，發(fā)現(xiàn)你們才是我要找的網(wǎng)站建設公司。為陳總點贊。

評論人：陳先生評論時間：2019.12.17

成本導向：算出成本價，再是利潤，根據(jù)你的付出成本來定價；比如說：培訓時間，內(nèi)容多少心理價：根據(jù)客戶的角度考慮價格，能接受的價格。當然不能忽略價值。

點擊評論

熱點信息

聯(lián)系我們

電話：023-68626707
傳真：023-68626707
郵箱：chen-w-f@163.com
地址：重慶市九龍坡區(qū)石橋鋪西亞廣場A座7-1

網(wǎng)絡營銷推廣實例展示

晶宇門窗廠通過網(wǎng)絡推廣年營業(yè)額達500萬以上

一、重慶晶宇網(wǎng)絡營銷項目背景：單位名稱：重慶晶宇金屬門窗廠主要從事：卷簾門、卷閘門、防火門、工業(yè)門行業(yè)已有20多年，積累了豐富門業(yè)生產(chǎn)、銷售、批發(fā)的經(jīng)驗。想通過互聯(lián)網(wǎng)轉(zhuǎn)型的一家機械生產(chǎn)型廠家...

邁格納機電依靠網(wǎng)絡推廣獲得一年盈利50多萬

網(wǎng)絡推廣項目背景：重慶邁格納機電技術有限公司（原重慶展捷機電）是從事五金機電產(chǎn)品代理及銷售和配套服務的專業(yè)供應商。經(jīng)營電動工具，五金工具，氣動工具，液壓工具，焊割工具和...

富豪汽車裝飾網(wǎng)絡來客上升-網(wǎng)絡推廣客戶

一、網(wǎng)絡推廣項目背景：重慶富豪汽車裝飾是經(jīng)國家相關部門批準注冊的企業(yè)，主營汽車裝飾用品等業(yè)務，重慶富豪汽車裝飾是一家專業(yè)經(jīng)營汽車裝飾、貼膜、汽車音響、椅套、坐...

里仁教育通過網(wǎng)絡推廣提高中心生源達10倍以上

一、網(wǎng)絡推廣客戶公司簡介：重慶里仁教育兒童發(fā)展中心（注冊號：500106200007908）創(chuàng)辦于2002年8月，是以政府為主導，家長積極參與，社會各界愛心人士熱情...

重慶網(wǎng)站推廣客戶傳志塑料制品有限公司

網(wǎng)絡推廣客戶公司簡介：重慶傳志塑料制品有限公司是在市場經(jīng)濟飛速發(fā)展，行業(yè)產(chǎn)品越來越細分的情況下成立的，公司主要致力于，重慶PE管、鋼塑復合管、鋼絲網(wǎng)骨架管、PSP管的研發(fā)、銷售、加工。公司稟...

多達集團推廣合作結(jié)果從50萬做到500萬的業(yè)績

陳大果老師與多達教育徐校長合影一、網(wǎng)絡推廣客戶學校簡介：重慶新澤西多國語言學習中心主要開設的語種有英、日、韓、法、德、西班牙語、泰語、俄語等，是重慶市語種開設最全面，教學手段最先進的專...

久久一级A片,夜夜躁爽日日躁1,www.3700av.cOM,佐山爱一区二区三区免费播放

重慶網(wǎng)絡營銷推廣

輸入表單的三種布局

推薦閱讀

熱點信息

熱門關鍵詞

聯(lián)系我們

極力推薦

相關案例