案例:jQuery UI案例     状态:可编辑再运行    进入竖版
 运行结果 
AخA
 
1
<!doctype html>
2
<html lang="en">
3
<head>
4
  <meta charset="utf-8">
5
  <title>jQuery UI 自动完成(Autocomplete) - 默认功能</title>
6
  <link rel="stylesheet" href="/css/jqu1.10.4/jquery-ui.min.css">
7
  <script src="/js/jqu/jquery.min1.10.2.js"></script>
8
  <script src="/js/jqu/jquery-ui.min1.10.4.js"></script>
9
  <link rel="stylesheet" href="jqueryui/style.css">
10
  <script>
11
  $(function() {
12
    var availableTags = [
13
      "ActionScript",
14
      "AppleScript",
15
      "Asp",
16
      "BASIC",
17
      "C",
18
      "C++",
19
      "Clojure",
20
      "COBOL",
21
      "ColdFusion",
22
      "Erlang",
23
      "Fortran",
24
      "Groovy",
25
      "Haskell",
26
      "Java",
27
      "JavaScript",
28
      "Lisp",
29
      "Perl",
30
      "PHP",
31
      "Python",
32
      "Ruby",
33
      "Scala",
34
      "Scheme"
35
    ];
36
    $( "#tags" ).autocomplete({
37
      source: availableTags
38
    });
39
  });
40
  </script>
41
</head>
42
<body>
43
 
44
<div class="ui-widget">
45
  <label for="tags">标签:</label>
46
  <input id="tags">
47
</div>
48