Latest web development tutorials

مسج الإكمال التلقائي

مسج الإكمال التلقائي البحث المساعد ومرشح القيمة على أساس إدخال المستخدم، مما يسمح للمستخدمين بسرعة لإيجاد واختيار من قائمة القيم مسبقا. من خلال إعطاء الإكمال التلقائي التركيز أو الحقل الذي قمت بإدخال الحروف، بدأ المكونات للبحث عن إدخال مطابق وعرض قائمة من القيم البديلة. عن طريق إدخال المزيد من الشخصيات، يمكن للمستخدم تصفية القائمة للحصول على أفضل مباراة.

في المكونات هو الآن مسج واجهة المستخدم جزء من الإصدار المستقل لن يتم تحديث. الإصدار الحالي هو 1.6.

وصول الموقع الرسمي مسج الإكمال التلقائي ، تحميل البرنامج المساعد مسج الإكمال التلقائي.

لمزيد من التفاصيل حول الإكمال التلقائي، راجع وثائق API تلقائيا عضوا (الإكمال التلقائي على القطعة) .

أمثلة تجريبي

مسج الإكمال التلقائي المساعد العرض. 

<!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>