Latest web development tutorials

JQuery автозаполнения

JQuery автозаполнения поиска подключаемого модуля и фильтра значение на основе пользовательского ввода, что позволяет пользователям быстро найти и выбрать из списка предустановленных значений. Предоставляя автозаполнения фокус или поле, в котором вы вводите символы, плагин начал искать соответствующей записи и отображения списка альтернативных значений. При вводе большее количество символов, пользователь может отфильтровать список, чтобы получить лучший матч.

Плагин теперь JQuery UI часть автономной версии не будет обновляться. Текущая версия 1.6.

Доступ к JQuery автозаполнения официальный сайт , скачать плагин JQuery автозаполнения.

Для получения более подробной информации о автозаполнения, обратитесь к документации по API автоматически члена (автозаполнения виджетов) .

Примеры Demo

JQuery автозаполнения плагин демо. 

<!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 availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  });
  </script>
</head>
<body>
 
<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div>
 
 
</body>
</html>