实用文本框输入字符后下拉菜单内容自动匹配效果

最新推荐文章于 2023-06-24 20:13:53 发布

衿世伿僞妳

最新推荐文章于 2023-06-24 20:13:53 发布

阅读量843

点赞数

分类专栏： c#

本文链接：https://blog.csdn.net/u011955559/article/details/34841893

版权

<!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>
<style type="text/css">
html{overflow:-moz-scrollbars-vertical;}
body{padding:0;margin:0;font:12px/1.5 Tahoma,Helvetica,Arial,sans-serif;}
body,h1,p,blockquote,dl,dt,dd,ul,ol,li,input{margin:0;padding:0;}
button,input,select,textarea {font:12px/1.5 tahoma,arial,simsun,sans-serif;}
button,input,select,textarea{font-size:100%;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
#wwwzzjsnet{width:650px;margin:0 auto;}
.txt{width:210px;height:25px;border:1px solid #ccc;line-height:25px;padding:0 5px;}
.autoDis{border:1px solid #999;position:absolute;overflow:hidden;}
.autoDis p{line-height:25px;cursor:default;padding:0 5px;}
.autoDis li{line-height:25px;cursor:default;padding:0 5px;background-color:#fff;}
.autoDis .cur{background:#ccc;}
</style>
</head>
<body>

<script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script>
<div id="wwwzzjsnet">
	<p>提示：可以输入内容可以提示</p>
	<input id="auto_wwwzzjsnet" type="text" class="txt">
	<!--<input id="auto_zzjs_net" type="text" class="txt">-->
</div>
<script type="text/javascript">
(autoComplete={
    pop_len:10,
    pop_cn:'autoDis',
    hover_cn:'cur',
    source:'13612345564|13825646464|13412236054|13012348564|13012345564|13012365564|彭小|王达|李相公|李四|

最低0.47元/天解锁文章

衿世伿僞妳

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
实用文本框输入字符后下拉菜单内容自动匹配效果

实用文本框输入字符后下拉菜单内容自动匹配效果html{overflow:-moz-scrollbars-vertical;}body{padding:0;margin:0;font:12px/1.5 Tahoma,Helvetica,Arial,sans-serif;}body,h1,p,blockquote,dl,dt,dd,ul,ol,li,input{margin:0;padding
复制链接

扫一扫