用戶界面框架jQuery EasyUI示例大全之進度欄、搜索框及表單演示

<jQuery EasyUI最新試用版免費下載>

jQuery EasyUI致力於幫助web開發者更輕鬆的打造出功能豐富而且美觀的UI界面。jQuery EasyUI提供了基於當下流行的jQuery core和HTML5的控件，助您打造適合當今網絡的應用程序。

基本的進度欄

本演示主要展現了基本的進度欄，點擊按鈕能夠顯示進度信息。【另附源代碼供你們參考】

|在線Demo

流體進度條

本演示主要展現瞭如何將進度條的寬度設置爲其父容器的百分比。【另附源代碼供你們參考】

|在線Demo

基本的搜索框

本演示主要展現了基本的搜索框，點擊搜索按鈕或在輸入框中按下輸入鍵來執行搜索。【另附源代碼供你們參考】

|在線Demo

搜索類別

本演示主要展現了搜索類別，用戶能夠選擇一個類別，而後點擊搜索按鈕或按輸入框中回車鍵來執行搜索。【另附源代碼供你們參考】

|在線Demo

流體搜索框

本演示主要說明了如何將搜索框的寬度設置爲其父容器的百分比。【另附源代碼供你們參考】

|在線Demo

基本的表單

本演示主要展現了基本的表單，填寫表單並提交。【另附源代碼供你們參考】

|在線Demo

加載表單數據

本演示主要展現瞭如何加載表單數據，點擊演示中的按鈕加載表單數據。【另附源代碼供你們參考】

|在線Demo

驗證表單提交

本演示主要展現瞭如何驗證表單提交，表單提交以前不執行驗證。【另附源代碼供你們參考】

|在線Demo

Ajax表單

本演示主要展現了Ajax表單，在輸入框中輸入並提交表單。【另附源代碼供你們參考】

|在線Demo