JQuery是一款流行的 JavaScript 庫,它可以十分簡化 JS 在網頁中的編寫,甚至可以讓開發人員制作動態網頁效果的速度飛快。
在 JQuery 中有一種名為 "input 提醒"的功能,可以很方便地在輸入框中實現自動提示,提高用戶體驗。
// 輸入框 id="search" 自動提示 $(function () { $('#search').autocomplete({ source: function (request, response) { // 模擬數據集合 var tags = ['HTML', 'CSS', 'JavaScript', 'jQuery', 'Vue']; var results = $.ui.autocomplete.filter(tags, request.term); response(results.slice(0, 5)); }, minLength: 1 // 觸發事件最小長度 }); });
上述代碼實現了 "提醒" 輸入框的功能,即當用戶在輸入框中輸入字符時,庫會自動調用 Ajax 獲取數據來相應地提示用戶,提供類似百度搜索框的提示效果。
JQuery input 提醒功能可以廣泛地應用于網頁制作中,是一項非常實用的前端技術。
上一篇html5 優酷代碼
下一篇css去掉from的格式