對于網頁設計師，制作申請表單是經常遇到的工作，如何使用戶在使用你設計的表單時遇到不必要的“障礙”，本文提供了一些建議： “輸入框表單元素應該合理分布，以便于使你的大腦可以處理表單框架和與之相關的頁面區域”選自文章《HTML: the Definitive Guide
對于網頁設計師，制作申請表單是經常遇到的工作，如何使用戶在使用你設計的表單時遇到不必要的“障礙”，本文提供了一些建議：
“輸入框表單元素應該合理分布，以便于使你的大腦可以處理表單框架和與之相關的頁面區域”選自文章《HTML: the Definitive Guide》
工作中可能會遇到的問題，我們通過如下圖示分析一下“標簽”和“表單”的關系：
?
#p#副標題#e#
?
?
一般會應用到的視覺元素：
對于上面提到的“左對齊方式”（便于瀏覽標簽并減少屏幕空間），我們可以嘗試規避其缺點即標簽和表單框之間的距離過遠。其中一個有效的方式就是增加不同的背景色，但是這樣會在布局中增加很多視覺元素大約15個包括：橫線，每一個背景色框和豎線，這些會擾亂我們的視線并忽視最重要的信息，正如Edward Tufte 所說“信息由不用性元素組成但同時也帶來了差異性”。
當然也不是說這種方式就不能用了，主要選用淡淡的底色或橫線還是可以的，比較理想的方式如圖：
?
#p#副標題#e#
?
?
主按鈕和次按鈕
主按鈕一般是“提交”“保存”操作比其他按鈕重要，需要重點提示象明亮色、背景色、加粗。一般與文本輸入框上下對齊。相反如“返回”等次要按鈕就要減弱其視覺提示。
綜上所述只是初步建議，最好還要經過測試，數據分析（完成率，錯誤等等）。
