“輸入框( Input )應當符合邏輯地劃分為小組，這樣大腦就可以很好的處理大堆區域間的關系?！报C 《HTML權威指南》
Web 應用程序總是利用表單來處理數據錄入和配置，但并不是所有的表單都保持一致。輸入區域的對齊方式，各自的標簽(label)，操作方式，以及周圍的視覺元素都會或多或少影響用戶的行為。
表單布局
考慮到用戶完成表單填寫的時間應當盡可能的短，并且收集的數據都是用戶所熟悉的(比如姓名、地址、付費信息等)，垂直對齊的標簽和輸入框可以說是最佳的。每對標簽和輸入框垂直對齊給人一種兩者接近的感覺，并且一致的左對齊減少了眼睛移動和處理時間。用戶只需要往一個方向移動:下。
 

在這種布局中，推薦使用加粗的標簽，這可以增加它們視覺比重，提高其顯著性。如果不加粗的話，從用戶的角度講，標簽和輸入框的文字幾乎就一樣了。
如果一個表單上的數據并不為人熟悉或者在邏輯上分組有困難(比如一個地址的多個組成部分)，左對齊的標簽可以很容易的通覽表單的信息。用戶只需要上下看看左側一欄標簽就可以了，而不會被輸入框打斷思路。但這樣一來，標簽與其對應的輸入框之間的距離通常會被更長的標簽拉長，可能會影響填寫表單的時間。用戶必須左右來回的跳轉目光來找到兩個對應的標簽和輸入框。
 

于是產生了一種替代的方案，標簽右對齊布局，使得標簽和輸入框之間的聯系更緊密。然而結果是左邊參差不齊的空白和標簽讓用戶很難快速檢索表單要填寫的內容。在西方國家，人們習慣于從左至右的書寫，所以這種右對齊的布局就給用戶造成了閱讀障礙。