今天看到一篇文章，是關於html表單設計問題的，於是我認真反思了一下，發現自己平時在設計頁面表單時，也或多或少的存在這樣的問題，所以就寫出來和大家分享一下，
希望大家以後在設計表單的過程中盡可能的避免這些問題，從而改善頁面的使用者體驗...
那麼我們在設計表單的過程中存在哪些問題呢？我把它總結了一下：
1、使用者在填寫表單時，盡可能的展示出表單的填寫步驟，一共有幾步。這樣做能夠讓使用者在填寫表單的時候有乙個心理的預期，估計出可能需要花費的時間，提公升使用者的體驗感。而不是一頁寫完之後又是一頁，使用者根本不清楚到底需要填寫多少。
2、表單的字段驗證要盡可能的詳細，提示要盡可能的完整，使用者在填寫乙個表單時，往往不能一步到位，出現違反驗證規則的輸入時，頁面要響應出準確的錯誤資訊，從而幫助使用者進行改正，比如url位址必須以http開頭等
3、主要按鈕和次要按鈕要明確，次要按鈕出現在頁面是讓使用者在意識到自己有填寫錯誤時，可以有乙個返回的操作，並不是佔主導地位的，所以應盡可能的凸顯主要按鈕
4、清楚提示期望使用者填寫的格式和內容，這裡也就是說label標籤的使用和輸入款提示內容的結合使用，比如label和placeholder的結合
5、注意下拉列表不能過長，像12306一樣下拉列表太長可以提供檢索的功能，避免使用者選擇時出現視覺疲勞
還有很多需要注意的，這裡就不贅述，有需要的朋友可以看看這篇文章我覺得總結的蠻好的！！
HTML語言 表單設計
表單設計 1 表單標記 1.1 什麼是定義表單的開始位置和結束位置，表單提交時的內容就是 1.3 常用屬性 1.3.1 name 表單名稱 1.3.2 method 傳送資料的方式，分為post和get兩種方式 get get方式提交時，會將表單的內容附加在url位址的後面，所以限制了提交的內容的長...
HTML 自學筆記（HTML框架 表單設計）
什麼是框架 將瀏覽器劃分成不同部分，每一部分載入不同的網頁，用以實現在同一瀏覽器視窗中載入多個頁面的效果。劃分框架標記。語法格式 屬性 cols 使用 畫素值 和 分割左右視窗，表示剩餘部分。若使用 則表示框架平均分成3個。若使用 則表示框架平均分成2個。rows 使用 畫素值 和 分割上下視窗，表...
HTML學習筆記 表單設計（五）
定義表單的開始位置和結束位置，表單提交時的內容就是表單中的內容。基本格式 常用屬性 name 表單名稱 method 傳輸資料的方式，分別為post和get兩種 預設為get方式 get 表單內容附加在url位址後面，限制長度8192不具備保密性。post 將表單中的資料報含在表單主體中，無大小限制...