表單作為用戶和產品之間的媒介，能夠讓用戶高效、輕松完成填寫同時滿足產品目的是一個表單設計的基礎。
表單的組成
標簽、輸入框、行為、幫助、信息、驗證
一、標簽的對齊方式
1、頂對齊
標簽在輸入框上方（國外大多數表單采用頂對齊）
優點：對長標簽很有用，和輸入框聯系最緊密，輸入效率最高
缺點：占用垂直空間大，不利于長表單
2、右對齊
標簽與輸入框列，標簽右對齊
優點：占用垂直空間小
缺點：破壞頁面布局，整體可讀性不強
3、左對齊
標簽與輸入框列，標簽左對齊
優點：瀏覽問題更容易，不會被右側的輸入框打斷
缺點：距離大和輸入框聯系不緊密，增加填寫表單的時間，
4、輸入框內標簽
標簽在輸入框內，把標簽和輸入框組合為一個元素
優點：節省一半空間
缺點：在輸入時用戶容易迷失，復核表單比較困難
5、混合對齊
所有標簽分散對齊
優點：頁面排版整齊
缺點：標簽的識別性很差，慎用
6、靈活應用標簽
輸入框內標簽和頂標簽的組合方式
優點：用戶的交互強，識別性好，目前較為推崇的一種方式
總結
（根據馬泰奧·彭佐的2006年的標簽對齊眼動實驗，頂對齊標簽移動到輸入框需要50毫秒，右對齊標簽需要240毫秒，而左對齊標簽則需要500毫秒。頂對齊標簽的效率是左對齊標簽的10倍之多）
?填寫時間短，長度靈活可變，用頂對齊
?填寫時間短，空間有限，右對齊
?方便瀏覽標簽，快速區分必填和非必填項，左對齊
?表單很短，空間很有限，輸入框內對齊
?混合對齊慎用
?時間短，交互性強，可用靈活應用標簽
二、輸入框
輸入框的種類
常規的有：文本框、單選框、復選框、下拉框，
衍生出來：滑塊，微調鈕，開關鈕，tab選框，搜索框
1、輸入框長度
輸入框的長度根據內容來定（用戶不容易迷失），地址的輸入框長度應該比驗證碼的長
2、表單的輸入
為了讓用戶更加快速的完成表單
1、盡量簡潔，去除無用的輸入
2、設置默認輸入或者改為選擇、減少用戶的思考（注意默認的選項用戶是否喜歡）
3、即時校驗與幫助
即時的反饋可以幫助用戶更好的填寫表單，不至于在提交時出現錯誤，影響體驗。
1、自動及時校驗并幫助（當鼠標獲取焦點時提示，失去焦點時自動驗證）
2、用戶不熟悉的場景在標簽旁邊提供幫助性的文字，幫助性的提示可采用按鈕、問好、文字鏈接、圖片等。
說明：1、長表單不適合做即使校驗，用戶會反感，
? ? ? ? ? 2、校驗的反饋應該告知問題所在和解決方案，同時，提示信息種類不能超過四種
表單的動作
1、主動作：表單的主要目的（保存、提交）
2、次動作：和主動作相反的，次要的處理頁面的方式（取消、刪除、返回）
用法：
1、主動作btn，次動作鏈接文字
?2、都是btn，再顏色大小上區分
按鈕的相應：免重復提交可以修改狀態『正在提交…』，變為灰色不可用，或者顯示動畫，進度條
服務條款
1、用復選框、用戶可以自己選
2、去掉復選框、btn改為『同意并注冊』，這樣更加方便用戶填寫表單
