DIV CSS 佈局教程網

網頁教學核心提示：在浏覽web的時候，我們往往發現這樣的一些組合：“確定”“確定 取消”“確定 關閉”“關閉”“取消”。到底哪個組合是對的呢？什麼時候需要有“取消”按鈕呢？

在浏覽web的時候，我們往往發現這樣的一些組合：“確定”“確定   取消”“確定    關閉”“關閉”“取消”。到底哪個組合是對的呢？什麼時候需要有“取消”按鈕呢？

—————————————————實例使用篇—————————————————-

先來看實例：

 
這是寫一篇新日志的頁面。整個頁面主要的內容就是寫一篇新日志所涉及到的各種操作。有提交按鈕、提交所輸入的信息。有取消按鈕，表示不要寫日志了，要撤銷剛才點擊“寫日志”按鈕的這個操作。點擊取消按鈕，頁面跳轉至日志列表頁。看到此信息請您諒解！poluoluo.com為了防采集加上的！請到網頁教學浏覽更多信息。

發表評論功能是跟在一篇日志的最下面，整個頁面上發表評論功能並不是主要內容（主要內容是日志正文），這裡的取消按鈕如果也像上面寫日志頁面上的取消按鈕一樣，頁面跳轉到日志列表頁，顯然就不對了。而如果和寫日志中的取消按鈕功能不同也不好，因為這兩處實在太像了，兩處相同樣子的按鈕功能卻不同，顯然也不對。
這裡實際上不需要取消，因為沒什麼可取消的。之前的操作是“打開這篇日志的詳情頁”，而不是“發表評論”，“打開…”這個操作不需要取消按鈕撤銷。
“發表評論”這裡的“取消”按鈕實際功能是清空評論內容。那麼這個按鈕不應該叫“取消”，應該叫“清空”之類的。而在這個地方有這樣一個清空功能似乎更多時候會使用戶誤操作，所以，這個按鈕就該去掉了。這是另外的錯誤引發的另外的分析，不是這回主要要說的，到此為止。

對比這兩個頁面，寫日志是需要撤銷的，而發表評論是不需要的。

寫日志頁面有這樣幾個特點：
1. 用戶主動點擊了一個叫做“寫日志”按鈕後引出來的；
2. 按鈕“寫日志”表述為一種操作的；
3. 頁面上充滿表單元素，需要用戶填寫、提交。
那麼，在寫日志頁面上，要為 “寫日志”按鈕提供相應的撤銷操作的功能——取消按鈕。本文是網頁教學www.poluoluo.com收集整理或者原創內容，轉載請注明出處！

當然寫日志頁面上的取消按鈕細研究起來還是有些問題的。在整個網站中，“寫日志”按鈕不止在日志列表頁一個頁面上出現過。那麼點取消按鈕返回日志列表頁就不是很嚴謹了。如果取消按鈕換做“返回日志列表頁”這樣一個鏈接，似乎就更准確了。類似下面這樣：

“返回你的相片頁面”——這種表現也可以理解為取消按鈕的一種變型。

另外一種變型——頁面右上角的叉子按鈕：

—————————————————提示使用篇—————————————————-

還有就是一些標准信息提示頁面用到的“取消”按鈕！

 
! 警告性信息
界面元素：警告信息圖標一定少不了，還有”是”、”否”、”取消”按鈕，及相應的詢問文字。本信息代表文章來源網頁教學poluoluo.com請大家去www.poluoluo.com浏覽！
應用場景：用戶由於誤操作產生不可逆轉的影響。對用戶可能因為疏忽而沒有進行的一些重要操作進行提示。所以需要采取提供提示的功能保護用戶操作。警告icon表示將來會引起問題的情況。“警告不等於被弱化的錯誤”——對這句話的理解是，警告不能使用到不嚴重的錯誤。這裡的“取消”按鈕是不可缺少的！

 
?  詢問性信息
界面元素：包含詢問的信息圖標、確認、取消按鈕，及相應的詢問文字。
應用場景：為避免用戶做出誤操作，請用戶對其行為進行確認。隨之要伴有相關的詢問文字，一般來說，說明性和解釋性語句不能超過2行，不能超過50個文字。提示性語句不能夠太過於專業，盡量使用委婉的語句來表達相關的意思。當然簡潔和不能重復也是一個關鍵的方面，同時記住語氣一定要“溫和/積極”。這裡的“取消”按鈕也是不可缺少的！