多模態表單呈現可拖拽窗口的樣式，允許用戶一次與多個表單進行交互(無需關閉)，用戶可以拖動查看模態窗口下面的信息。多模態允許高級用戶同時處理大量信息，并且不用打開多個視圖或瀏覽器選項卡等等。

但對于新手來說，這種呈現方式可能會有問題，因為他們可能會感到迷失或者導致錯誤操作。

滑出

滑出表單一般在主視窗的局部位置滑動出現，或者推出能適應表單格式的內容模塊。和模態一樣，滑出的內容是與上下文存在關系的，允許用戶在主視窗中查看參考信息。因為滑出模塊通常占用了整個窗口的高度，所以允許承載較長的表單內容。

彈層

彈層表單非常適合快速編輯和輸入，彈層一般出現在對應相關數據的上下文中，所以用戶不會在應用程序中迷失它們的位置。

內嵌

內嵌表單允許用戶直接在數據呈現的地方進行簡單輸入和編輯，不會跳轉到其他視圖界面。內嵌表單兼具編輯和閱讀模式，輸入內容可以在用戶與各個字段交互時進行編輯和自動保存。

可編輯表單

像內嵌表單一樣，可編輯表單允許用戶直接在數據顯示的地方編輯數據。對于表格數據的輸入，如在電子表格或發票行項目的情況下是非常好的。這對于表格數據的輸入(如在電子表格或發票條目)是非常好的。

接替

接替模式使用戶能夠與復雜的表單交互，同時能夠快速返回到之前的視圖。

接替對于輸入內容項無需后續視圖直接展現的系統級數據是非常好的。

向導

向導允許用戶按順序逐步填寫信息，它非常適用于用戶在操作完成后就不再參與的復雜表單。當用戶需要經歷一個陌生的過程時，就應該使用向導。因為用戶使用向導表單的成本高甚至其操作有點不領人情，它通常會有糟糕的用戶體驗。

分段表單

分段表單非常適用于復雜信息的輸入。用戶可以享受表單的完整上下文，而不是像向導一樣的多頁表單。

用戶可以自由地而非線性地填寫整個表單中的信息，為用戶提供更多的靈活性。

拖放

雖然不是典型的表單，但是拖放編輯器允許用戶從預定義的輸入中選擇并將其拖動到所見即所得的內容模塊中。通過模仿物理世界，其主要的交互形式為輸入增添了一種樂趣。

所見即所得

所見即所得編輯器被用于文本編輯，如Microsoft Word、MailChimp電子郵件創建、SquareSpace網站發行商等。所見即所得編輯器允許用戶無需了解HTML、CSS和JS就能創建豐富的內容。

填寫空白

有時可用性可以忽略美學和有趣的互動，而不會造成用戶體驗不佳。

在句子或段落中空白處輸入的表單，讓用戶使用預設的結構來完成語句。

對話式用戶界面及其未來

對話用戶界面(CUI)通常由響應于自由形式語音或文本輸入的“機器人”組成。機器人響應或提供進一步的表單控件來解決用戶請求。機器學習已被用于更好地解釋輸入和定制響應。

對話用戶界面已在大肆宣傳，許多設計師認為CUI是Web表單的未來。WeChat的成功為對話式界面的普及性提供了可信度。然而，正如Yunnuo Cheng和Jakob Nielsen指出的那樣，WeChat產品的優勢來自于其熟悉而方便的用戶界面，而不是其對話用戶界面。

CUI有許多可用性問題，包括：缺乏可發現性，以及肆意的任務路徑。CUI的同質性并不是表單設計的未來，而是許多聊天應用程序的未來，這些應用程序圍繞這種收集輸入方式發現了一個契機。

我期待著將CUI與豐富的圖形界面融為一體的設計。迷你嵌入式應用程序可以基于用戶的輸入來呈現，這可以產生可能獨立于聊天框的更大應用程序。或當用戶在應用程序中迷失時，也可能使用CUI。

隨著數據輸入變得標準化、OCR功能增加、軟件自動化處理，許多原有表單形式將被淘汰。但是，始終需要一個用戶界面。我希望這些不同的表單可以幫助您構建更好的應用程序。讓我知道我錯過了什么。

總結

以上是生活随笔為你收集整理的手机网页form表单样式_超全面！13种表单样式的设计方式都在这了的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。