用Javascript制作一个可自动填写的文本框(一)

版权声明：可以任意转载，转载时请务必以超链接形式标明文章原始出处http://xinyistudio.vicp.net/和作者信息及本声明

 

（本文适合中高级读者）

译者序：

为了获取用户更多的信息，你不惜网站页面中产生了大量的文本框，选单，列表框，当用户看到如此繁多的需要输入或选择项，很有可能为此产生厌倦并最终离开你的网站。

采用Javascript对输入文本框更好的设计，能够尽可能的避免上述问题，希望本篇译文能够对你在web页面的开发设计当中有所帮助，译文翻译错误难免，望大家批评指正。

 

 

    今天人们最不愿意面对的就是填写大量的表单(form)，特别是那些需要敲入字符的文本框（就是我们经常用的<input type=text> html标记， 以后为方便就称为文本框）。

微软在outlook中结合了可自动完成输入的文本框--文本框检查由用户输入的少量的字符，然后从给定的下拉列表中给出一个建议的词。同样的，当你开始在web地址栏中填入一个url地址，你的Web浏览器会给你推荐一个url的下拉列表单。

 

在这篇教程中用了一点点Javascript的控制，我们将创建具有与IE（版本5.5或更高）

和Mozilla（版本1.0或更高）浏览器相类似行为的输入文本框。