下面是一个java文本框自动补全的例子
<font face="宋体"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.autocomplete.css"></link>
<script type="text/javascript" src="jquery.autocomplete.js"></script>
<style type="text/css">
body {
margin: 0px;
background: #f4f4f4;
font-family: Helvetica Neue, Helvetica, Arial;
}
</style>
<script type="text/javascript">
function change(){
$('#down').AutoComplete({
'data': ['One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine', 'Ten', 'Eleven', 'Twelve'],
'itemHeight': 20,
'width': 280
}).AutoComplete('show');
}
</script>
<font face="宋体"></font>
</head>
<body>
<div style="display:table-cell;">
<div style="height:503px;width:330px;">
<input type="text" id="down" onChange="change()"></input><span style="font-weight:bold;font-size:13px;">补全列表在下方</span>
</div>
</div>
</body>
</html>
</font>
分享到:
相关推荐
JAVA WEB在不使用任何插件实现文本框输入自动补全源码
ajax文本框自动补全功能,类似百度自动索引功能。
java swing 文本框自动补全示例,数据源默认当前系统字体,便于测试,单文件一看就懂...........
Jquery实现仿搜索引擎文本框自动补全插件 包中含有:jquery-1.7.2.min.js,关键类库:jquery.bigautocomplete.js,应用于百度搜索自动提示内容.
JavaScript 文本框下拉提示,可以自己添加数据
ASP.NET AJAX 文本框内容自动补全JS代码 自动补全 自动提示 根据关键词自动下拉菜单
使用jQuery Autocomplete实现的文本框自动补全
jQuery文本框自动联想补全特效是一款简单使用的jQuery自动完成插件,可定义索引关键词,可设置输入框的宽高,支持搜索回调函数。
jQuery实现的文本框自动联想补全特效源码.zip
jQuery文本框自动联想补全特效(边输入边搜索) :$(document).ready(function(){ $('#search-form').autocomplete({ hints: proposals, width: 300, height: 30, onSubmit: function(text){ $('#message'...
搜索引擎文本框自动补全,自动补全,很实用的例子,大家不防下载看看,挺不错的,我个人感觉!!!
文本框自动补全,自动提示原来填写过的内容
jquery 文本框 自动补全 实例 完全自定义,帮助理解自动补全思路
该案例主要实现TextBox控件在输入时,自动给出若干提示信息,提供自动补全功能
jquery 文本框 自动补全 ajax autocomplete 完整实例
jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成...
jquery文本框自动补全ajax autocomplete
用javascript 实现的仿google文本框自动补全控件
主要介绍了详解jQuery UI库中文本输入自动补全功能的用法,其中重点讲解了常用的邮箱地址输入时后缀自动补全功能的使用,需要的朋友可以参考下