javascript input輸入框模糊提示功能的實現(xiàn)
更新時間：2017年09月25日 14:49:57 作者：Lovnx
這篇文章主要介紹了javascript input輸入框模糊提示功能的實現(xiàn)的相關(guān)資料,希望通過本能幫助到大家，需要的朋友可以參考下
javascript input輸入框模糊提示功能的實現(xiàn)
主要用到了jQuery.autocomplete函數(shù)，定義好一個數(shù)組就可以用這個功能了，很方便。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" rel="external nofollow" >
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
$(function() {
var availableTags = [
"James",
"Kobe",
"Jordan"
];
$( "#tags" ).autocomplete({
source: availableTags
});
});
</script>
</head>
<body>
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags">
</div>
</body>
效果：
如有疑問請留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
這篇文章主要為大家詳細介紹了微信小程序入門之指南針，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
今天小編就為大家分享一篇js使用ajax傳值給后臺,后臺返回字符串處理方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要為大家詳細介紹了js實現(xiàn)模態(tài)框拖拽效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
javascript中去除數(shù)組重復(fù)元素的實現(xiàn)方法【實例】
下面小編就為大家?guī)硪黄猨avascript中去除數(shù)組重復(fù)元素的實現(xiàn)方法【實例】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-04-04
本篇文章主要介紹了詳解Javascript獲取緩存和清除緩存API，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
這篇文章主要介紹了webpack4之如何編寫loader，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-06-06
下面小編就為大家?guī)硪黄狫S函數(shù)的定義與調(diào)用方法推薦。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
js中checkbox的使用教程(取值、賦值、判斷是否選中)
在checkbox的使用中,我們經(jīng)常遇到需要全選或者單選的情況,下面這篇文章主要給大家介紹了關(guān)于js中checkbox使用(取值、賦值、判斷是否選中)的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-07-07
JavaScript獲取網(wǎng)頁中第一個圖片id的方法
這篇文章主要介紹了JavaScript獲取網(wǎng)頁中第一個圖片id的方法,涉及javascript中document.images方法的使用技巧,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了js實現(xiàn)獲取焦點后光標在字符串后，原理就是獲得焦點后重新把自己復(fù)制粘帖一下，喜歡的朋友可以看看2014-09-09