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

核心提示：为了获取用户更多的信息，你不惜网站页面中产生了大量的文本框，用Javascript制作一个可自动填写的文本框(一)，选单，列表框，下面是一些简单的代码（这个过程可以用你自已写的代码替代它）var isOpera = navigator.userAgent.indexOf(“Opera”) >

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

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

<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

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

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

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

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

Ø 简单的浏览器检测

－－－－－－－－－－－

首先，我们需要做一个浏览器的检测，下面是一些简单的代码（这个过程可以用你自已写的代码替代它）

var isOpera = navigator.userAgent.indexOf(“Opera”) > -1;
var isIE = navigator.userAgent.indexOf(“MSIE”) > 1 && !isOpera;
var isMoz = navigator.userAgent.indexOf(“Mozilla/5.”) == 0 && !isOpera;

这代码很明显不是非常完善，但它看来对于我们要达到的目的已足矣。让我们开始这个项目吧。