智能提示模仿google

bancxc

于 2010-04-24 17:52:00 发布

1714

文章标签： object function stylesheet html search sorting

本文链接：https://blog.csdn.net/bancxc/article/details/5524759

版权

http://topic.csdn.net/u/20100423/17/05ca6d71-fce4-46c8-a8a8-094e7e117288.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=gbk"/> <link rel="stylesheet" href="style.css" mce_href="style.css" type="text/css" /> <mce:style type="text/css" ></mce:style><style type="text/css" mce_bogus="1">.nodisplay { display: none; } label { float: left; font: normal 12px Arial; width: 80px; } #s { width: 300px; } #results { position: absolute; top: 0; left: 0; width: 300px; } #results ul { border: 1px solid #bfbfbf; margin: 0; padding: 0; list-style: none; width: 100%; } #results ul li { } #results ul li a { display: block; color: #444; background: #fff; font: normal 12px arial; text-decoration: none; padding: 1px 4px 2px 6px; } * html #results ul li a { width: 100%; } #results ul li a strong { color: red; } #results ul li a.hover { background: #0056f4; color: #fff; } #results ul li a.hover strong { color: #fff; } </style> <mce:script type="text/javascript"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <form action=""> <p>字符测试：请输入c,s,s,r,a,i,n测试</p> <p>中文测试：请输入"沈阳","深圳","松原","广州"测试</p> <p> <label for="s">Search:</label> <input id="s" type="text" οnkeyup="suggest(this.value,event,this);" οnkeydοwn="return tabfix(this.value,event,this);" οnblur="clearSuggest();" /> </p> <p class="nodisplay"> <label>kIndex</label> <input class="nodisplay" type="text" id="keyIndex" /> </p> <p class="nodisplay"> <label>rev</label> <input class="nodisplay" type="text" id="sortIndex" /> </p> <div id="results"></div> </form> </body> </html>

bancxc

关注

0
点赞
踩
0
收藏
打赏
1
评论
智能提示模仿google

<!--.nodisplay { display: none;}label { float: left; font: nor
复制链接

扫一扫