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

輸入表單的三種布局

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

關(guān)于輸入表單的三種常用布局，大家應(yīng)該都比較熟悉了，

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

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

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

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

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

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

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

問題：

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

西貝的回答：

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

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

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

本文標(biāo)簽：

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

相關(guān)評論

評論人：吉先生評論時間：2019.01.08

看了以上內(nèi)容，也想了我當(dāng)初也是這樣跟你們合作的，感謝帝壹，感謝陳總。

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

作者寫得很好，一個公司沒有故事，難以傳播。一個品牌沒有故事，就沒有力量，更沒有價值。一個創(chuàng)始人沒有故事，就沒有領(lǐng)導(dǎo)力。

評論人：張先生評論時間：2019.01.15

是的，我是帝壹網(wǎng)絡(luò)的客戶，帝壹網(wǎng)絡(luò)從老板到員工都非常講誠信，我們已經(jīng)合作了14年了。從來沒有紅過臉！

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

看了這篇文章，像當(dāng)頭棒，一下把我敲醒了，困惑了這么久的網(wǎng)站推廣問題，迎刃而解了。感謝陳大果老師。

評論人：張先生評論時間：2021.02.19

網(wǎng)絡(luò)營銷看來真不是那么簡單的事，多重視人才，投入資金打造團(tuán)隊也不是一個小企業(yè)能做的，外包給網(wǎng)絡(luò)推廣公司也是一條路。

評論人：陳大果評論時間：2019.12.17

你的產(chǎn)品定價做不好，再好營銷也是白搭。更別談成交了。我不能說品牌好，價值高就亂定價。定價還是要100%站在潛在客戶的角度進(jìn)行定價。價格要定在消費者的心坎上。

點擊評論

熱點信息

揭秘網(wǎng)上訂單倍增的推廣秘密策略 [8902673]
新公司如何網(wǎng)站推廣快速接到大量訂單？ [7658162]
揭秘網(wǎng)銷訂單超越競爭對手的營銷推廣策... [7317271]
重慶恩奇貝貝玩具公司網(wǎng)站 [5162875]
任吉老砂鍋營銷型網(wǎng)站建設(shè) [5121984]
重慶驕侶服飾公司企業(yè)網(wǎng)站 [4761160]
重慶金枝藝術(shù)品有限公司網(wǎng)站 [4748348]
重慶道安機(jī)電科技公司網(wǎng)站 [4616786]
重慶慶寰環(huán)?？萍脊揪W(wǎng)站 [4239057]
為什么選擇帝壹網(wǎng)絡(luò) [4223674]
重慶昊霆汽車服務(wù)公司營銷網(wǎng)站 [4100544]
「營銷」生意難做是因為沒有網(wǎng)絡(luò)營銷的... [3934392]

聯(lián)系我們

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

輸入表單的三種布局

推薦閱讀

熱點信息

熱門關(guān)鍵詞

聯(lián)系我們

極力推薦

相關(guān)案例