Automatic completion, provided that the Jquery-ui CSS and JS must be introduced, otherwise it will not be completed automatically.
<!doctype html><html lang="en"><head> <meta charset="Utf-8"> <title>JQuery UI Autocomplete-default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/ Smoothness/jquery-ui.css "> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script>$ (function() {var phpurl = ' json.php '; $ ( "#tags" ). AutoComplete ({source:phpurl}); }); </script></head><body><div class="Ui-widget"> <label for ="tags">Tags:</label> <input id="tags"></div></body></html>
Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.
Examples of JQuery autocomplete