33個JavaScript自動完成指令碼

來源:互聯網
上載者:User

所謂的提升使用者體驗,其實就是把所有使用者視為極度弱智和超級懶鬼。比如JavaScript自動完成(Autocomplete)指令碼, 常用於表單,使用者只需輸入一兩個字母,就為你擴充、聯想、匹配和供君選擇。

如果你也正準備在這方面提升自己網站的使用者體驗,下面為你準備了33個JavaScript自動完成指令碼

1. Proto!TextboxList (示範地址)

一個使用Prototype library開發具有autocomplete功能類似於Facebook的TextboxList控制項。

2. jquery-plugins/jquery-plugin-autocomplete/">jQuery Autocomplete Plugin

jQuery外掛程式易於整合到現在的表單中(Form)。

3. dhtmlxCombo

dHTMLxCombo是一個跨平台的,具有Autocomplete功能,支援Ajax的combobox。

4. Facebook like Autocomplete (示範地址)

基於jQuery開發,類似於FaceBoox提供的AutoCompleter

5. MooTools Autocompleter (示範地址)

利用MooTools開發,支援從本機物件擷取資料或通過XHR取得Json或Xhtml。

6. jQuery Autocomplete Mod (示範地址)

jQuery Autcomplete外掛程式。能夠限制下拉式功能表顯示的結果數。

7. jqac

基於Jquery開發的Autocomplete外掛程式。具有便於使用,配置簡單,既可以利用Ajax讀取資料也可以直接從本地擷取資料。

8. jQuery Tag Suggestion (示範地址)

類似於del.icio.us提供的tag suggesting功能。

9. Spry Auto Suggest (示範地址)

Spry Auto Suggest控制項。Spry是Adobe公司針對目前越來越流行的Ajax技術而推出自己的Ajax架構。

10. Autocomplete-jQuery ajax (示範地址)

利用jQuery(Ajax),PHP和MySQL開發的AutoCompleter。

11. jQuery.Suggest

跨瀏覽器支援,基於jQuery開發的Autocomplete library。

12. Autocomplete- jQuery plugin

一個jQuery Autocompleter,提供緩衝選項來限制對伺服器的請求。

13. jQuery plugin: Autocomplete (示範地址)

自動完成輸入框值讓使用者能夠快速尋找和過濾某些值。

14. jSuggest

模仿Google Suggest功能的AutoComplete jQuery外掛程式。

15. Control.Autocomplete

基於Mootools架構開發的Autocomplete控制項。

16. ddcombobox

帶AutoComplete功能的下拉選擇框jQuery外掛程式。

17. jQuery Live Ajax Search Plug-in

採用jQuery開發的AutoComplete控制項。搜尋結果展示框完全可以利用CSS自訂,內容展示是一個HTML頁面。

18. A fancy Apple.com-style search suggestion (示範地址)

這是一個使用HTML/CSS,jQuery,MySQL PHP等技術實現的Search Suggestion。

19. TextboxList (示範地址)

這個Mootools外掛程式能夠將普通的文本輸入框,轉換成擁有Autocomplete功能風格類似於Facebook的文本輸入框。支援任意類型的資料來源(XHR、Json)。

20. Autobox2 (示範地址)

Autobox2這個jQuery外掛程式,可以用於建立類似於Facebook風格的AutoComplete控制項。

21. MavSuggest (示範地址)

MavSuggest是一個採用Mootools架構實現的AutoComplete控制項。MavSuggest只支援JSON格式的資料對象。服務端可以採用任意語言實現,服務端只需按要求輸出相應的JSON對象即可。

22. Tokenizing Autocomplete Text Entry (示範地址)

一個jQuery外掛程式能夠讓使用者從一個預設的列表中,選擇多重專案。並提供Autocompletion功能來協助使用者搜尋項目。支援通過CSS控制和定製布局。能夠緩衝搜尋結果減少伺服器載入次數。支援用滑鼠或鍵盤來選擇項目。提供平滑的動畫資料載入效果。

23. AutoComplete-JQuery (示範地址)

jQuery外掛程式易於整合到現在的表單中(Form)。

24. jQuery Autocomplete Mod

jQuery Autcomplete外掛程式。能夠限制下拉式功能表顯示的結果數。

25. jqac (示範地址)

基於Jquery開發的Autocomplete外掛程式。具有便於使用,配置簡單,既可以利用Ajax讀取資料也可以直接從本地擷取資料。

26. Spry AutoSuggest

Spry Auto Suggest控制項。Spry是Adobe公司針對目前越來越流行的Ajax技術而推出自己的Ajax架構。

27. Autocomplete-jQuery ajax (示範地址)

利用jQuery(Ajax),PHP和MySQL開發的AutoCompleter。

28. jQuery.Suggest (示範地址)

跨瀏覽器支援,基於jQuery開發的Autocomplete library。

29. Autocomplete- jQuery plugin

一個jQuery Autocompleter,提供緩衝選項來限制對伺服器的請求。

30. MavSuggest (示範地址)

MavSuggest是一個採用Mootools架構實現的AutoComplete控制項。MavSuggest只支援JSON格式的資料對象。服務端可以採用任意語言實現,服務端只需按要求輸出相應的JSON對象即可。

31. 好友選取器 (示範地址)

用jquery 仿照開心網做的尋找使用者自動提示外掛程式.

32. Flexselect

jQuery Flexselect 同樣是一款下拉框提示外掛程式,也就是大家所說的輸入框提示。目前,jQuery Flexselect已經發展到v0.2版本,其用法千變萬化,適用的場合也越來越多,具體的用法最好閱讀一下官方的文檔。它可以與其它的輸入框形成級聯提示,比以往的幾款提示外掛程式功能更強大。

33. FlexBox

FlexBox 是一個 jQuery 外掛程式用來顯示動態下拉框,使用的是 JSON 格式的資料來源。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.