到現在為止，大部分設計人員都應該了解：表單中的標籤使用頂部對齊比左側對齊更便於使用者填寫。當你明白了《表單中的標籤位置》一文的研究後，就會覺得言之有理。 如果僅僅這個原因無法說服你使用標籤頂部對齊，下面還有幾條理由來說明標籤頂部對齊適用於大多數使用者。
適合手機使用者縮放表單字段
想象手機使用者填寫表單的情景，使用者選中表單字段後，手機瀏覽器自動放大字段，便於使用者檢視輸入的內容。標籤左側對齊的表單中，放大欄位後標籤會從螢幕中消失。使用者必須水平滾動螢幕以檢視標籤，然後回滾到字段中輸入內容。表單中的每個欄位都得這麼幹。不應該讓使用者經歷這麼糟糕的體驗。
而當使用者選擇標籤頂部對齊的字段時，放大字段不會導致標籤超出螢幕範圍，使用者能同時看到標籤和字段，不用水平滾動螢幕就能填寫表單。標籤頂部對齊的表單，不僅桌面使用者填起來快，手機使用者填寫速度也不慢。 標籤頂部對齊不僅減少了使用者的視覺凝視，還降低了水平滾動的操作。 總之，表單標籤是否使用頂部對齊會使使用者填寫手機表單的速度和難度產生巨大的差異。
適合國際使用者填寫表單
現在再想想國際使用者填寫表單的情景。很多國際使用者的英語不好，需要將表單標籤翻譯成本國語言，這樣不僅會使標籤內容變長，還會導致標籤與字段不對齊。後果不僅僅如此，使用者看到表單布局凌亂，會對表單失去信任，同時還會使他們難以理解標籤和字段的對應關係，更會讓他們對表單失去信任。
標籤頂部對齊能便於手機使用者和國際使用者填寫表單。但有些設計人員抱怨增加了表單長度，這裡有一些技巧可以縮短表單長度。 如果表單太長，可以將表單劃分為多個頁面，或者使用摺疊分頁，後者將所有內容放在同乙個頁面，但摺疊非活動部分以節省空間。
表單太長不會嚇到使用者，而表單布局凌亂、水平滾動或標籤難以瀏覽則會讓他們避之不及。就算表單太長，使用標籤頂部對齊也比左側對齊填的快。標籤頂部對齊的優點遠遠超過缺點，標籤左側對齊與它根本沒得比。。
html表單 基本標籤的使用
html html lang en head meta charset utf 8 title 表單元素 title head body iframe src style width 100 當前瀏覽器不支援嵌入式框架 iframe form action method get fieldset l...
Struts2的表單標籤使用
1.首先製作了乙個簡單的使用者註冊模組，其中對生日的格式必須是2017 08 03 由於程式不完善，輸入了錯誤大的日期格式，出現了如下錯誤 沒有結果為input的結果檢視定義檢視定義 因此需要在struts.xml中進行資料回顯操作 2.相應的struts.xml配置如下 success.jsp m...
html中form表單標籤的使用
在html中，表單是經常用到的，用來與使用者互動並提交資料。今天要介紹的就是表單標籤form標籤 form 作為英文單詞有 的意思 標籤是使用來建立供使用者輸入的html表單，在網頁中很常見，比如 註冊和登入頁面就是用表單實現的。標籤中通常會有很多子元素，用來定義各種互動控制項 文字字段 核取方塊 ...