PHP Guru: How to create Autocomplete textbox

Tuesday, 23 September 2014

How to create Autocomplete textbox



<!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.1/themes/smoothness/jquery-ui.css">



  <script src="//code.jquery.com/jquery-1.10.2.js"></script>



  <script src="//code.jquery.com/ui/1.11.1/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>

PHP Guru

Tuesday, 23 September 2014

How to create Autocomplete textbox

No comments:

How calulation total value for HTML input text?