仿百度输入框自动匹配功能的JS代码

2024-09-05 12:22:07

字体：大中小

来源：转载

供稿：网友

现在很多网站都有这种效果，在文本框输入一个字符，下边会出来相匹配的内容，这个代码就演示了这个功能是如何完成的，当然，这是个静态的，你可以将提示的内容从数据库读取出来，要用到AJAX那东东。

<HTML><HEAD><title>带输入匹配的文本框</title><style>body,div {	font-family:verdana;	line-height:100%;	font-size:10pt;}input {	width:320px;}h1 {	text-align:center;	font-size:2.2em;}#divc {	border:1px solid #555;}.des {	width:500px;	background-color:lightyellow;	border:1px solid #555;	padding:25px;	margin-top:25px;}.mouseover {	color:#ffffff;	background-color:highlight;	width:100%;	cursor:default;}.mouseout {	color:#000;	width:100%;	background-color:#ffffff;	cursor:default;}</style><SCRIPT LANGUAGE="JavaScript"></SCRIPT></HEAD><BODY><div id="divc">	</div><div align="center"><input onkeyup="jsAutoInstance.handleEvent(this.value,'auto',event)" id="auto"></div><SCRIPT LANGUAGE="JavaScript"></SCRIPT><center>请在输入框输入一个字母：</center></BODY></HTML>

上一篇：JS全选、反选代码

下一篇：用JS实现文本框内容全选并复制