按照環境選擇符合的界面控件 是很重要的。差異環境下可以用差異的方法處理懲罰，并且某些控件會比其他控件可以或許更好地完成他們的方針事情。

雖然，我們會發起您同時還對處事器端舉辦查抄，以確保反復不會得到通過。

1、禁用按下按鈕

客戶端則是簡樸得多。所有您需要做的就是在點擊之后禁用“提交”按鈕 。最簡樸的要領就是為“提交”按鈕添加一段JavaScript，如下所示：

它有兩層維護：客戶端和處事器端 。我們不會通過處事器端維護是因為這將取決于您利用的編程語言和你的后端架構。根基上你應該做的就是在提交進程中添加一個檢測機制，去查抄被提交的內容是否反復，而且是否需要阻止提交。

在Web前端開拓中，簡樸這個原則是很重要的。在任何時候，你在屏幕上顯示越多的節制，您的用戶將不得不耗費更多的時間去搞清楚如何利用界面。當選擇變少時，可用的成果變得越發明明更容易被發明。簡化的界面固然是不容易的，尤其是假如你不想限制應用措施的成果的時候。

<input type=”submit” value=”Submit” onclick=”this.disabled=true” />

2、專門操縱

當你點擊 Kontain 搜索框的搜索鏈接時，泰安百度愛采購，會呈現一個雷同于下拉菜單的層。所以，假如您需要來縮小搜索范疇，您可以選擇菜單中你所需要的范例。這些選項的聚合簡化了搜索框。

當你點擊 CollabFinder 的搜索鏈接時你不需要打開差異的頁面，相反，搜索框的節制菜單下拉下來，答允你可以或許直接開始搜索。

以前，我們并沒有留意到web應用措施這個方法，可是此刻是時候仔細看看一些實用的技能和設計辦理方案，讓Web應用更友好更大度。

在彈出菜單和窗口下的陰影不止是看起來很大度這么簡樸。它們輔佐菜單可能窗口通過強調從配景中脫穎而出 。它們還通過周圍暗色調區域來屏蔽掉配景內容的噪音。

Web應用措施的界面設計，其焦點就是網頁設計，但它的重點主要是在成果方面。要逾越桌面應用措施， Web應用措施必需提供簡樸、直觀和即時響應的用戶界面，讓他們的用戶花更少的精神和時間去完成工作。

在web應用措施的表單問題中有一個就是提交進程，很是簡樸的表單，假如你快速所在擊兩次可能更多次“提交”按鈕，這個表單會被多次提交。這顯示是個問題，因為它會反復建設溝通的項目 。防備反復提交的不是很難，并且對付大大都Web應用措施來說做到這一點長短常須要的。

3、模仿窗口的陰影

界面元素的需求

在 Yammer 上，當你的新動靜被提交之后，“更新”按鈕將被克制。

Backpack 里有一個緊湊的日歷和時間選擇器選擇提醒日期。

譬喻，你可以通過一個下拉列表來選擇年代日，可是和日歷選擇器對比下拉列表不長短常高效的，在日歷里你可以直接通過點擊選擇你想要的某一天。日歷選擇器也會讓你更容易看到日期、周期和月份（出格是事情日和休息日），因此可以或許讓你比用簡樸的下拉列表更快地做出更明智的選擇 。

Web前端應用十種常用技能，跟著JS與XHTML的應用普及，越來越多的web界面應用技能呈此刻網站上，好比我們常見的日歷控件，搜索下拉框等，這些web界面應用技能大大的富厚了網站的表示形式，本文將為您經心推薦十種最常見的web界面應用技能。

埋沒可能掩蓋高級成果 是使工作越發簡樸的一種要領。找出最常用的成果，而且把剩下的藏起來。你可以用彈出式菜單和操縱來做這件事，這在桌面軟件中很常見。譬喻，假如您的搜索欄擁有高級過濾器，把它們放在尾部的一個出格的下拉菜單中。假如用戶需要利用這些過濾器，他們只需幾下點擊便可以開啟這些成果。抉擇該保存什么埋沒什么不是一個簡樸的任務，也會取決于重要性和操縱時的頻繁水平。

文章標題：淄博網站制作Web前端應用十種常用技能
本文網址：http://www.js-pz168.com/news13/235363.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站制作等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯