表單作為用戶和產品之間的媒介屁魏，能夠讓用戶高效、輕松完成填寫同時滿足產品目的是一個表單設計的基礎捉腥。
表單的組成
標簽氓拼、輸入框、行為、幫助桃漾、信息坏匪、驗證
一、標簽的對齊方式
1呈队、頂對齊
標簽在輸入框上方（國外大多數表單采用頂對齊）
優(yōu)點：對長標簽很有用剥槐，和輸入框聯系最緊密，輸入效率最高
缺點：占用垂直空間大宪摧，不利于長表單
2、右對齊
標簽與輸入框列颅崩，標簽右對齊
優(yōu)點：占用垂直空間小
缺點：破壞頁面布局几于，整體可讀性不強
3、左對齊
標簽與輸入框列沿后，標簽左對齊
優(yōu)點：瀏覽問題更容易沿彭，不會被右側的輸入框打斷
缺點：距離大和輸入框聯系不緊密，增加填寫表單的時間尖滚，
4喉刘、輸入框內標簽
標簽在輸入框內，把標簽和輸入框組合為一個元素
優(yōu)點：節(jié)省一半空間
缺點：在輸入時用戶容易迷失漆弄，復核表單比較困難
5睦裳、混合對齊
所有標簽分散對齊
優(yōu)點：頁面排版整齊
缺點：標簽的識別性很差，慎用
6撼唾、靈活應用標簽
輸入框內標簽和頂標簽的組合方式
優(yōu)點：用戶的交互強廉邑，識別性好，目前較為推崇的一種方式
總結
（根據馬泰奧·彭佐的2006年的標簽對齊眼動實驗倒谷，頂對齊標簽移動到輸入框需要50毫秒蛛蒙，右對齊標簽需要240毫秒，而左對齊標簽則需要500毫秒渤愁。頂對齊標簽的效率是左對齊標簽的10倍之多）
?填寫時間短牵祟，長度靈活可變，用頂對齊
?填寫時間短抖格，空間有限诺苹，右對齊
?方便瀏覽標簽，快速區(qū)分必填和非必填項他挎，左對齊
?表單很短筝尾，空間很有限，輸入框內對齊
?混合對齊慎用
?時間短办桨，交互性強筹淫，可用靈活應用標簽
二、輸入框
輸入框的種類
常規(guī)的有：文本框、單選框损姜、復選框饰剥、下拉框，
衍生出來：滑塊摧阅，微調鈕汰蓉，開關鈕，tab選框棒卷，搜索框
1顾孽、輸入框長度
輸入框的長度根據內容來定（用戶不容易迷失），地址的輸入框長度應該比驗證碼的長
2比规、表單的輸入
為了讓用戶更加快速的完成表單
1若厚、盡量簡潔，去除無用的輸入
2蜒什、設置默認輸入或者改為選擇测秸、減少用戶的思考（注意默認的選項用戶是否喜歡）
3、即時校驗與幫助
即時的反饋可以幫助用戶更好的填寫表單灾常，不至于在提交時出現錯誤霎冯，影響體驗。
1钞瀑、自動及時校驗并幫助（當鼠標獲取焦點時提示沈撞，失去焦點時自動驗證）
2、用戶不熟悉的場景在標簽旁邊提供幫助性的文字仔戈，幫助性的提示可采用按鈕关串、問好、文字鏈接监徘、圖片等晋修。
說明：1、長表單不適合做即使校驗凰盔，用戶會反感墓卦，
? ? ? ? ? 2、校驗的反饋應該告知問題所在和解決方案户敬，同時落剪，提示信息種類不能超過四種
表單的動作
1、主動作：表單的主要目的（保存尿庐、提交）
2忠怖、次動作：和主動作相反的，次要的處理頁面的方式（取消抄瑟、刪除凡泣、返回）
用法：
1、主動作btn，次動作鏈接文字
?2鞋拟、都是btn骂维，再顏色大小上區(qū)分
按鈕的相應：免重復提交可以修改狀態(tài)『正在提交…』，變?yōu)榛疑豢捎煤馗伲蛘唢@示動畫航闺，進度條
服務條款
1、用復選框猴誊、用戶可以自己選
2潦刃、去掉復選框、btn改為『同意并注冊』稠肘，這樣更加方便用戶填寫表單
