模仿IE自动完成功能

您现在的位置：圆点视线 >> 教程 >> 网页设计 >> Dreamweaver教程 >> 文章正文

[图文]模仿IE自动完成功能

★★★

模仿IE自动完成功能

作者：蓝色理想　文章来源：蓝色理想　点击数：　更新时间：2007-9-18 12:30:44　

　页面功能：【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

【字体：小大】

模仿IE自动完成功能，支持Firefox.支持方向键操作

运行代码框
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <style> body,div { font-family:verdana; line-height:100%; font-size:9pt; } input { width:300px; } h1 { text-align:center; font-size:2.2em; } #divf { margin:10px; font-size:0.8em; text-align:center; } #divc { border:1px solid #333333; } .des { width:500px; background-color:lightyellow; border:1px solid #333; padding:20px; margin-top:20px; } .mouseover { color:#ffffff; background-color:highlight; width:100%; cursor:default; } .mouseout { color:#000000; width:100%; background-color:#ffffff; cursor:default; } </style> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY> <div id="divc">  </div> <h1>Autocomplete Function</h1> <div align="center"> <input onkeyup="jsAutoInstance.handleEvent(this.value,'auto',event)" id="auto"> </div> <div id="divf"> Power By Miracle, never-online </div> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </BODY> </HTML>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

　【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】　文章录入：Rainsion 责任编辑：Rainsion 　【字体：小大】

上一篇文章： iframe 的用法与注意事项

下一篇文章：表格艺术经典回顾