javascript 输入框提示列表效果

发布时间：2008-08-07　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

看起来现在经常用到这样的效果来提高用户体验，所以就没事写了一个输入框提示列表的效果使用宽屏的朋友麻烦帮忙测试下，列表的位置有没有错位。

代码可以更简洁些，有更简便的方法欢迎贡献出来埃

<!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=utf-8" /> 
<title>输入框提示列表效果_全福编程网</title> 
<style type="text/css"> 
 
</style> 
 
</head> 
<body> 
 
  Location：<input type="text" id="txt" name="txt" onClick="showAndHide('List1','show');" onblur="showAndHide('List1','hide');"> 
    
    
       
         
          中国CHINA 
          美国USA 
         
       
    
 Sex：<input type="text" id="txt2" name="txt2" onClick="showAndHide('List2','show');" onblur="showAndHide('List2','hide');"> 
     
    
       
         
          男Male 
          女Female 
         
       
    
 education：<input type="text" id="txt3" name="txt3" onClick="showAndHide('List3','show');" onblur="showAndHide('List3','hide');"> 
     
    
       
         
          大专 
          本科 
          硕士 
          本科 
         
       
    
 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：Div Select挡住的解决办法

下一篇：很可爱的输入框

广告商业广告，理性选择

网站首页

网络编程

数据库

操作系统

平面设计

网站运营

网络安全

电脑相关

手机学院

javascript 输入框提示列表效果

相关推荐

文章分类

热门关键词

热门文章

最新更新