做(zuò)好(hǎo)六個(gè)細節讓你(nǐ)網站(zhàn)表單更完美(měi)

來(lái)源：徐州億網網絡科(kē)技(jì)有(yǒu)限公司 時(shí)間(jiā↕←±n)：2012-03-06 作(zuò)者：

    α&    精心設計(jì)的(de)表單，可(kě)以使得(de)用(‌×yòng)戶輸入變得(de)流暢讓人(rén)心情愉悅，而糟糕的(de)設計(j♥©σ↔ì)隻能(néng)讓用(yòng)戶當浮雲一(yī)樣飄過。那(nà)麽如(rú)何才能(né™ε≈₩ng)設計(jì)出用(yòng)戶體(tǐ)驗極高(gāo)的(de)表單呢(£↓↑¥ne)？徐州網絡公司認為(wèi)，網站(zhàn)頁面的(de)布局、邏輯組​π∞織、視(shì)覺樣式等都(dōu)是(shì)值得(de)關注的(de)細節，在這(zh×<è)裡(lǐ)就(jiù)分(fēn)享下(xià)我們的(de)工(gōng)₽♥作(zuò)心得(de)。

       π‌≥; 細節一(yī)、 更高(gāo)大(dà)的(de)輸入框

   &nb£★©<sp;    增加輸入框高(gāo)↓"£度，加粗字體(tǐ)，可(kě)以讓網頁上(shàng)的(de)輸入框看(k₩™'àn)起來(lái)更容易填寫和(hé)閱讀(dú)。随著(zhe)電(≥♦diàn)腦(nǎo)顯示器(qì)尺寸變大(dà)，這(zhè)樣的(Ω±×de)輸入框也(yě)顯得(de)更大(dàδ&ε)氣。
 

        細φ£ 節二、 添加選取器(qì)。

       ₹↔λ; 與其讓人(rén)輸入不(bù)如(rú)提供選擇，選取內(nèi)容隻要(yào)點幾下(↕☆xià)，就(jiù)自(zì)動填充進輸入框，不(bù)但(dàn)可(→>↑εkě)以減少(shǎo)輸入障礙，還(hái)能(néng)預防出錯(c∞©☆uò)。可(kě)以把任何希望的(de)數(shù)據做(zuò)←α成選取器(qì)，比如(rú)日(rì)期、顔色、地(dì)址或者 <σ✘曆史記錄等等。

       •÷&← 細節三、 預置文(wén)字。

       ®ε§Ω; 采用(yòng)預置文(wén)字來(lái)簡化(huà)輸入經常在手機(jī)上(shànγ ∑g)看(kàn)到(dào)，現(xiàn)在在網頁上(‌‍shàng)也(yě)常使用(yòng)。比如(rú)微(↕☆↕ wēi)博上(shàng)發言的(de)輸入框，會(huì)保留你(nǐ)上(shàng)一(‌Ω>&yī)次未發出的(de)內(nèi)容，Ω•δ♠可(kě)以重新編輯。

        細σ↕節四、 設置輸入屬性。

       "§&× 現(xiàn)在比較靠譜的(de)還(hái)是(shì)Html5提​≠∞供的(de)一(yī)些(xiē)表單類型屬性。除了(l©☆↓πe)限制(zhì)輸入類型之外(wài)還(há☆®Ω♠i)有(yǒu)一(yī)些(xiē)有(yǒu)意思的(de)設置。拖放(<σ€γfàng)屬性，可(kě)以從(cóng)桌面上(shàng)直接拖≠ 進相(xiàng)應的(de)輸入框裡(lǐ)。在郵箱中拖入附件(jiàn)，若主題為(♠¶wèi)空(kōng)還(hái)可(kě)自(zì)動填寫主題。

       ‌£δ≥ 細節五、 額外(wài)輸入漸進展開(kāi)

      &↓<φnbsp; 當遇到(dào)需要(yào&ε)增加高(gāo)級或額外(wài)的(de)選項時(shí)，可(kě)以采用(yλ÷‍♥òng)即時(shí)添加删除的(de)方式。不(bù)需要(yào)填寫時☆λ(shí)，可(kě)以完全忽略，需要(yào)填寫時(shí)'♠點擊一(yī)下(xià)就(jiù)會(huì)顯示。

        細節六、 利>₩♥用(yòng)輸入反饋。

       ₽₹ 除了(le)校(xiào)驗填寫是(shì)否正确，輸¶‌★入反饋也(yě)可(kě)以幫助簡化(huà)用(yòng)戶填寫≠×，其中有(yǒu)不(bù)少(shǎo)竅¶α門(mén)。比如(rú)在手機(jī)充值表單裡(lǐ)，需要(y '×♣ào)重複輸入一(yī)遍号碼才能(néng)≈÷确認提交。再重複輸入一(yī)次，好(hǎo)像認定你(nǐ)肯定會(huì)出錯(¥♥cuò)。增加了(le)号碼歸屬地(dì)的(de)反饋可(kě)以避免這(z§&hè)種讓人(rén)有(yǒu)點煩躁的(de)方式。

     &♦¥nbsp;  講到(dào)這(zhè)裡(lǐ)，是(s<¥₹∑hì)不(bù)是(shì)對(duì)此有(yǒu)了(le)更高(gāo)←σλ∑層次的(de)認識了(le)呢(ne)？本文(wén)由徐州網絡公司首發，轉≥‌™‍載請(qǐng)注明(míng)：徐州網站(zhàn¶₩ ∑)制(zhì)作(zuò)：http://www.exz.cn

• 上(shàng)一(yī)篇: 怎樣為(wèi)企業(yè)客戶"≤編寫網站(zhàn)建設策劃書(shū)
• 下(xià)一(yī)篇: 淺談html中alt和(hé)title屬性兩₽γ¶者的(de)區(qū)别