Javascript: автозаполнение текстовых полей

Для того, чтобы наглядно понять, что такое autocomplete или автозаполнение текстовых полей, попробуйте вводить в текстовом поле, размещенном ниже, следующие слова:
  • ананас;
  • апельсин;
  • антрекот;
  • аплодисменты;
  • антанта.

В качестве разделителя слов используйте запятую — ','.

Поле для проверки автозаполнения:  







Функционал этой страницы реализован следующим образом: 
<script language="javascript" type="text/javascript" src="http://www.itmodus.ru/actb.js"></script> 
<script language="javascript" type="text/javascript" src="http://www.itmodus.ru/common.js"></script>             

Поле для проверки автозаполнения:  <input type="text" id="inputBox" />            

<script type="text/javascript">
   var tagsJSArray = new Array('Ананас', 'Апельсин', 'Антрекот', 'Антанта', 'Аплодисменты');
   actb(document.getElementById('inputBox'), tagsJSArray);
</script>

Вот и все. Опции функционала автозаполнения настраиваются в описанных javascript-файлах. Внимательный читатель сможет разобраться с деталями самостоятельно. Проблем в работе  приведенных скриптов в IE6, IE7, Firefox, Safari, Opera, Chrome не обнаружено.

Файлы actb.js и common.js взяты из статьи на codeproject.com.		 Ссылки:
— исходная статья про автозаполнение
 

Статьи на схожую тематику:

Javascript: поразрядное форматирование чисел
Javascript: размер колонок текста в зависимости от разрешения экрана
CSS + JavaScript: изменение стиля
.NET и не только: любите www.codeproject.com
ASP.NET: JavaScript postback