在线运行代码 - 菜鸟教程

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Bootstrap typeahead 使用选项实例</title>
    <link href="bootstrap/twitter-bootstrap-v2/docs/assets/css/bootstrap.css.html" rel="stylesheet" type="text/css" />
</head>
<body>
	
	<div class="well">
		<input type="text" class="span3" id="search" data-provide="typeahead" data-items="4" />
	</div>
	<script src="bootstrap/twitter-bootstrap-v2/docs/assets/js/jquery.js.html"></script>
	<script src="bootstrap/twitter-bootstrap-v2/docs/assets/js/bootstrap-typeahead.js.html"></script>
	<script>
		var subjects = ['PHP', 'MySQL', 'SQL', 'PostgreSQL', 'HTML', 'CSS', 'HTML5', 'CSS3', 'JSON']; 
		$('#search').typeahead({source: subjects})
	</script>
	
</body>
</html>
源代码

动行结果
