<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title> New Document </title>

<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">

<style type="text/css">
input{
font-size:12px;
border:1px solid #000000;
width:200px;
padding:1px;
margin:0px;
}
#popup{
position:absolute;
width:202px;
color:#004a7e;
font-size:12px;
font-family:Arial,Helvetica,sans-serif;
left:104px;
top:28px;
}
#popup.show{
border:1px solid #004a7e;
}
#popup.hide{
border:none;
}
ul{
list-style:none;
margin:0px;
padding:0px;
}
li.mouseover{
background-color:#004a7e;
color:#ffffff;
}
li.mouseout{
background-color:#ffffff;
color:#004a7e;
}
</style>

<script language="JavaScript" type="text/JavaScript">
var oInputField;
var oPopDiv;
var oColorsUl;
var aColors=["red","green","blue","darkgreen","darkblue"];
aColors.sort();

function initVars(){
oInputField=document.forms["myForm1"].colors;
oPopDiv=document.getElementById("popup");
oColorsUl=document.getElementById("colors_ul");
}

function findColors(){
initVars();
if(oInputField.value.length > 0){
var aResult=new Array();
for (var i=0; i<aColors.length ;i++ )
{
if(aColors[i].indexOf(oInputField.value)==0)
aResult.push(aColors[i]);
}
if(aResult.length>0)
setColors(aResult);
else 
clearColors();
}
else
clearColors();
} function clearColors(){
for(var i=oColorsUl.childNodes.length-1;i>=0;i--)
oColorsUl.removeChild(oColorsUl.childNodes[i]);
oPopDiv.className="hide";
} function setColors(the_colors){
clearColors();
oPopDiv.className="show";
var oLi;
for (var i=0;i< the_colors.length;i++ )
{
oLi =document.creatElement("li");
oColorsUl.appendChild(oLi);
oLi.appendChild(document.createTextNode(the_colors[i]));
oLi.onmouseover=function(){
this.className="mouseOver"
}
oLi.onmouseout=function(){
this.className="mouseOut"
}
oLi.onclick=function(){
oInputField.value=this.firstChild.nodeValue;
clearColors();
}
}
} </script>

</head> <body> <form method="post" name="myForm1">
请选择颜色:<input type="text" name="colors" id="colors" onkeyup="findColors()" / >
</form> <div id="popup">
<ul id="colors_ul"><ul>
</div>
</body>
</html>
。想实现输入提示功能,就是类似 你在百度 输入 “奥”下面会显示 “奥运”“奥运中国”等提示~~~~但是貌似这段代码不能显示出提示~~~找了半天错~没找出来~~~~~~~求指导~~谢谢您啦!!js初学者不容易