web表單設計有三個基本要素：1、標簽 ?2、輸入框 3、動作。標簽負責提出問題，輸入框供人們填寫信息，動作負責提交信息。

在不同的使用場景中，標簽有不同的對齊方式。對齊方式的選擇主要考慮一下幾個要素：1、標簽的長度（跨語言的切換）2、用戶的填寫效率 3、屏幕的空間大小（比如移動設備的橫向空間有限）。

目前主要的標簽對齊方式有：頂對齊、左對齊、右對齊。還有一種特殊的方式：輸入框內標簽。

一、頂對齊標簽

頂對齊眼動儀追蹤軌跡

優點：1、兼容不同長度的標簽2、用戶處理速度更快，只需要上下瀏覽表單。

缺點：增加了垂直空間

二、右對齊標簽

右對齊眼動儀追蹤軌跡

右對齊標簽的優點：1、標簽與輸入框距離較近2、縮短了垂直空間

缺點：1、與頂對齊相比，閱讀效率變低。2、標簽長度太長或者超過一行時，瀏覽表單比較困難。

三、左對齊標簽

左對齊眼動儀軌跡

左對齊優點：1、瀏覽標簽更加容易2、節省了垂直空間?

缺點：1、標簽距離輸入框比較遠 2、建立標簽與輸入框的對應關系耗時最長

四、輸入框內標簽

優點：1、節省了一半的屏幕空間 2、瀏覽效率較高

缺點：光標激活后，標簽消失，用戶容易忘記標簽內容。

適用于填寫內容較少，用戶熟悉的表單環境。