이 글은 자바스크립트 입력 상자의 퍼지 프롬프트 기능 구현에 대한 관련 정보를 주로 소개합니다. 도움이 필요한 분들은 참고하시기 바랍니다.
퍼지 프롬프트 기능 구현 자바스크립트 입력 입력 상자
주로 사용되는 jQuery.autocomplete 함수의 경우 배열을 정의한 후 사용할 수 있어 매우 편리합니다.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="external nofollow" >
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//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>
<p class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags">
</p>
</body>효과:
위 내용은 자바스크립트 입력 입력 상자의 퍼지 프롬프트 기능에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
