Skip to content

Instantly share code, notes, and snippets.

@igeligel

igeligel/Autocomplete.html

Last active August 1, 2016 11:57
Show Gist options
  • Save igeligel/83b5c8303851b44dbbf3e8cef954f9e6 to your computer and use it in GitHub Desktop.
Save igeligel/83b5c8303851b44dbbf3e8cef954f9e6 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Autocomplete.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Index</title>
<meta name="description" content="The HTML5 Herald">
<meta name="author" content="SitePoint">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class="row">
<div class="col s12">
<div class="row">
<div class="input-field col s12">
<i class="material-icons prefix">textsms</i>
<input type="text" id="autocomplete-input" class="autocomplete">
<label for="autocomplete-input">Autocomplete</label>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#autocomplete-input').autocomplete({
data: {
"Apple": null,
"Microsoft": null,
"Google": null
}
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment